HTML HEX цвета

Цветовые оттенки в формате HEX задаются посредством шестнадцатеричной записи вида: #RRGGBB, где каждая пара символов RR (красная составляющая), GG (зелёная составляющая) и BB (синяя составляющая) представляет собой шестнадцатеричное целое число, определяющее интенсивность соответствующего цветового компонента.

Значения цветов в формате HEX

В HTML цвет можно задать с помощью шестнадцатеричного значения в формате:

#rrggbb

Здесь rr обозначает красную составляющую, gg — зелёную, а bb — синюю, каждая из которых задаётся шестнадцатеричным значением в диапазоне от 00 до ff, что эквивалентно десятичному диапазону от 0 до 255.

К примеру, код #ff0000 даёт чистый красный цвет, поскольку красная компонента установлена на максимум (ff), тогда как зелёная и синяя компоненты равны нулю (00).

Код #00ff00 означает чистый зелёный цвет, где зелёная составляющая максимальна (ff), а красная и синяя — минимальны (00).

Для получения чёрного цвета нужно установить все три составляющие на минимальное значение (#000000), а чтобы получить белый цвет — наоборот, выставьте каждую компоненту на максимальную величину (#ffffff).

Примеры:

#ff0000

#0000ff

#3cb371

#ee82ee

#ffa500

#6a5acd

Поэкспериментируйте, смешивая HEX-значения:

КРАСНЫЙ (RED)

255

ЗЕЛЕНЫЙ (GREEN)

СИНИЙ (BLUE)

Оттенки серого

Оттенки серого определяются с использованием одинаковых значений для всех трех параметров:

Примеры:

#404040

#686868

#a0a0a0

#bebebe

#dcdcdc

#f8f8f8