#076ef2 - HEX HTML/CSS цвет.

Информация о шестнадцатиричном (HEX) цвете #076ef2, конвертация в RGB и HSL.

Шестнадцатеричный код цвета #076ef2 после конвертации в RGB будет записан в виде следующих значений: 7, 110, 242. А при конвертации в HSL - 214, 94%, 49%

Шестнадцатеричная система базируется на числе 16. Цифры в шестнадцатеричной последовательности следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменяются латинскими буквами. Числа, которые больше 15, в этой системе образуются при помощи объединения двух чисел в одно.

HEX значение состоит из трех цветов (#rrggbb, где r-красный, g-зеленый, b-синий). Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF.

Цвет #076ef2 - темный. Уровень его яркости - 94.251 (уровень яркости считается как число в диапазоне от 0 до 255).


Полная запись HEX цвета #076ef2 в RGB будет выглядеть следующим образом:

rgb(7, 110, 242);

В записи rgb(x, x, x), 'x' - представляет собой числа от 0 до 255, которые обозначают количество соответствующего цвета (красный(RED), зеленый(GREEN), синий(BLUE)).


При записи цветов в HTML/CSS чаще всего используются HEX или RGB значения. Также можно использовать ключевые слова для именованых цветов. В настоящее время современные браузеры могут предоставить также возможность поддержки HSL.

Полная запись HEX цвета #076ef2 в HSL будет выглядеть следующим образом:

hsl(214, 94%, 49%);

HSL - еще один тип записи цвета в HTML/CSS. Название данного формата состоит из первых букв значений, из которых собирается цвет. Hue (оттенок), Saturate (насыщенность), Lightness (светлота).

Оттенок (Hue) - значение цвета на цветовом круге, которое задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, 240° — синему. Значение оттенка может изменяться в диапазоне от 0 до 359.

Насыщенность (Saturate) - интенсивность цвета, которая измеряется в процентах от 0% до 100%. Значение 0% - отсутствие цвета и оттенок серого, а 100% - максимальное значение насыщенности.

Светлота (Lightness) - значение, которое показывает насколько цвет яркий и указывается в процентах от 0% до 100%. Меньшее значение - темнее, а большее - светлее (0% - белый, а 100% - черный).

Таблица RGB, HSL значений для HEX #076ef2

Цвет:
HEX: #076ef2
RGB: rgb(7, 110, 242)
HSL: hsl(214, 94%, 49%)

Цвет #076ef2 в оттенках серого (#7c7c7c):

#7c7c7c

Комплиментарным цветом для #076ef2 является #f28b07.

Комплиментарный цвет - это тот, который является противоположным в цветовом круге. Комплиментарные цвета усиливают друг друга, а при смешивании дают нейтральный серый цвет без оттенков.

#f28b07

Триада (cочетание 3-х цветов, находящихся на равном расстоянии друг от друга) для цвета #076ef2:

#076ef2
#f2076e
#6ef207

Тетрада (цветовая схема, особый вариант двойной цветовой схемы с равным расстоянием между всеми цветами. Все четыре цвета равномерно распределены вокруг цветового круга, в результате чего нет четкого доминирования одного цвета) для цвета #076ef2:

#076ef2
#f207e3
#f28b07
#07f216

Палитра аналогичных цветов для #076ef2 (сгенерирована на основе вращения цветового колеса на 30 градусов):

#076ef2
#07ccf2
#079df2
#076ef2
#073ff2
#0710f2

Палитра монохроматических цветов для #076ef2:

#076ef2
#010d1d
#022148
#033472
#05479d
#065bc7

Таблица c результатом различных манипуляций (осветление, затемнение и тд с шагом в 5%) над цветом #076ef2:

Светлее (шаг 5%) Темнее (шаг 5%) Ярче (шаг 5%) Обесцвечивание (шаг 5%) Насыщение (шаг 5%)
#076ef2 #076ef2 #076ef2 #076ef2 #076ef2
#1a7cf8 #0663d9 #147bff #0d6fec #016df8
#338af9 #0657c0 #2188ff #1370e6 #006df9
#4c98fa #054ca8 #2d94ff #1a70df #006df9
#64a6fb #04418f #3aa1ff #2071d9 #006df9
#7db4fb #033676 #47aeff #2672d3 #006df9
#96c3fc #032a5d #54bbff #2c73cd #006df9
#afd1fd #021f44 #60c7ff #3373c6 #006df9
#c8dffd #01142c #6dd4ff #3974c0 #006df9
#e0edfe #010913 #7ae1ff #3f75ba #006df9
#f9fcff #000000 #87eeff #4576b4 #006df9
#ffffff #000000 #93faff #4b76ae #006df9
#ffffff #000000 #a0ffff #5277a7 #006df9
#ffffff #000000 #adffff #5878a1 #006df9
#ffffff #000000 #baffff #5e799b #006df9
#ffffff #000000 #c6ffff #647a95 #006df9
#ffffff #000000 #d3ffff #6b7a8e #006df9
#ffffff #000000 #e0ffff #717b88 #006df9
#ffffff #000000 #edffff #777c82 #006df9
#ffffff #000000 #f9ffff #7c7c7c #006df9
#ffffff #000000 #ffffff #7c7c7c #006df9

Цвет фона (background-color).

Код:

<h1 style="background-color:#076ef2;">Текст заголовка h1</h1> <h1 style="background-color:rgb(7, 110, 242);">Текст заголовка h1</h1> <h1 style="background-color:hsl(214, 94%, 49%);">Текст заголовка h1</h1>

Цвет текста (color).

Код:

<h1 style="color:#076ef2;">Текст заголовка h1</h1> <h1 style="color:rgb(7, 110, 242);">Текст заголовка h1</h1> <h1 style="color:hsl(214, 94%, 49%);">Текст заголовка h1</h1>

Цвет границ (border-color).

Код:

<h1 style="border-color:#076ef2;">Текст заголовка h1</h1> <h1 style="border-color:rgb(7, 110, 242);">Текст заголовка h1</h1> <h1 style="border-color:hsl(214, 94%, 49%);">Текст заголовка h1</h1>

Также стоит отметить, что форматы цвета RGB и HSL поддерживаю альфа-канал (RGBa, HSLa), который задает уровень прозрачности цвета. Записывается альфа-канал в виде четвертого значения, которое может принимать значение от 0 до 1, где 0 - полностью прозрачный, а 1 - непрозрачный.

Формат записи:

rgba(R, G, B, a); hsla(H, S%, L%, a);