Рубрики
FrontEnd

Безопасные цвета HTML и CSS

Для того, чтобы применяемые на сайте цвета выглядели одинаково на всех устройствах, применяют, так называемые, безопасные цвета. Данные цвета будут одинаково смотреться в 256-цветном режиме(на старых мониторах) и в режиме True Color (32 бита).

Цвета, которые используются в HTML и CSS записываются в формате RGB. То есть каждый цвет является комбинацией трех цветов — Red(красный), Green(зеленый), Blue(синий). Безопасные цвета получаются путем прибавления к значению составляющей цвета числа 51 в десятичной системе счисления или 33 в шестнадцатеричной.

Ниже приведена таблица включающая 216 безопасных цветов. В таблице указаны цвета как в стандартном варианте — HEX, так и в варианте с Alpha каналом(прозрачность). В данном случае значение Alpha равно единице, что означает абсолютную непрозрачность цвета. Если значение Alpha будет строго больше нуля и строго меньше единицы, например оно будет равно 0.34, то полученный цвет уже не будет безопасным, так как не будет соответствовать ни одному цвету из указанной таблицы.

Безопасные цвета в таблице (сформировано автоматически):

[htmlcolors]