Цвета HTML HEX, шестнадцатеричные значения цвета
Меню
Справочник
Мои услуги на Kwork
html hex colors

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


Шестнадцатеричные значения цвета (HEX)

 

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

#RRGGBB где rr (красный), gg (зеленый) и bb (синий) — шестнадцатеричные значения от 00 до ff (такие же, как десятичные числа 0–255).

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

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

Чтобы отобразить черный цвет, установите для всех параметров цвета значение 00, например: #000000.

Чтобы отобразить белый цвет, установите для всех параметров цвета значение ff, например: #ffffff.

 

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd
<div style="background-color:#ff0000;">#ff0000</div>
<div style="background-color:#0000ff;">#0000ff</div>
<div style="background-color:#3cb371;">#3cb371</div>
<div style="background-color:#ee82ee;">#ee82ee</div>
<div style="background-color:#ffa500;">#ffa500</div>
<div style="background-color:#6a5acd;">#6a5acd</div>


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

 

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

 

#404040
#686868
#a0a0a0
#bebebe
#dcdcdc
#f8f8f8
<div style="background-color:#404040;">#404040</div>
<div style="background-color:#686868;">#686868</div>
<div style="background-color:#a0a0a0;">#a0a0a0</div>
<div style="background-color:#bebebe;">#bebebe</div>
<div style="background-color:#dcdcdc;">#dcdcdc</div>
<div style="background-color:#f8f8f8;">#f8f8f8</div>


 

☛ Цвета HTML HSL и HSLA

Цвета HTML RGB и RGBA ☚

Поделиться ссылкой