Рубрики
FrontEnd

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

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

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

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

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

#000000

rgba(0,0,0)

rgba(0,0,0,1)

#000033

rgba(0,0,51)

rgba(0,0,51,1)

#000066

rgba(0,0,102)

rgba(0,0,102,1)

#000099

rgba(0,0,153)

rgba(0,0,153,1)

#0000cc

rgba(0,0,204)

rgba(0,0,204,1)

#0000ff

rgba(0,0,255)

rgba(0,0,255,1)

#330000

rgba(51,0,0)

rgba(51,0,0,1)

#330033

rgba(51,0,51)

rgba(51,0,51,1)

#330066

rgba(51,0,102)

rgba(51,0,102,1)

#330099

rgba(51,0,153)

rgba(51,0,153,1)

#3300cc

rgba(51,0,204)

rgba(51,0,204,1)

#3300ff

rgba(51,0,255)

rgba(51,0,255,1)

#660000

rgba(102,0,0)

rgba(102,0,0,1)

#660033

rgba(102,0,51)

rgba(102,0,51,1)

#660066

rgba(102,0,102)

rgba(102,0,102,1)

#660099

rgba(102,0,153)

rgba(102,0,153,1)

#6600cc

rgba(102,0,204)

rgba(102,0,204,1)

#6600ff

rgba(102,0,255)

rgba(102,0,255,1)

#990000

rgba(153,0,0)

rgba(153,0,0,1)

#990033

rgba(153,0,51)

rgba(153,0,51,1)

#990066

rgba(153,0,102)

rgba(153,0,102,1)

#990099

rgba(153,0,153)

rgba(153,0,153,1)

#9900cc

rgba(153,0,204)

rgba(153,0,204,1)

#9900ff

rgba(153,0,255)

rgba(153,0,255,1)

#cc0000

rgba(204,0,0)

rgba(204,0,0,1)

#cc0033

rgba(204,0,51)

rgba(204,0,51,1)

#cc0066

rgba(204,0,102)

rgba(204,0,102,1)

#cc0099

rgba(204,0,153)

rgba(204,0,153,1)

#cc00cc

rgba(204,0,204)

rgba(204,0,204,1)

#cc00ff

rgba(204,0,255)

rgba(204,0,255,1)

#ff0000

rgba(255,0,0)

rgba(255,0,0,1)

#ff0033

rgba(255,0,51)

rgba(255,0,51,1)

#ff0066

rgba(255,0,102)

rgba(255,0,102,1)

#ff0099

rgba(255,0,153)

rgba(255,0,153,1)

#ff00cc

rgba(255,0,204)

rgba(255,0,204,1)

#ff00ff

rgba(255,0,255)

rgba(255,0,255,1)

#003300

rgba(0,51,0)

rgba(0,51,0,1)

#003333

rgba(0,51,51)

rgba(0,51,51,1)

#003366

rgba(0,51,102)

rgba(0,51,102,1)

#003399

rgba(0,51,153)

rgba(0,51,153,1)

#0033cc

rgba(0,51,204)

rgba(0,51,204,1)

#0033ff

rgba(0,51,255)

rgba(0,51,255,1)

#333300

rgba(51,51,0)

rgba(51,51,0,1)

#333333

rgba(51,51,51)

rgba(51,51,51,1)

#333366

rgba(51,51,102)

rgba(51,51,102,1)

#333399

rgba(51,51,153)

rgba(51,51,153,1)

#3333cc

rgba(51,51,204)

rgba(51,51,204,1)

#3333ff

rgba(51,51,255)

rgba(51,51,255,1)

#663300

rgba(102,51,0)

rgba(102,51,0,1)

#663333

rgba(102,51,51)

rgba(102,51,51,1)

#663366

rgba(102,51,102)

rgba(102,51,102,1)

#663399

rgba(102,51,153)

rgba(102,51,153,1)

#6633cc

rgba(102,51,204)

rgba(102,51,204,1)

#6633ff

rgba(102,51,255)

rgba(102,51,255,1)

#993300

rgba(153,51,0)

rgba(153,51,0,1)

#993333

rgba(153,51,51)

rgba(153,51,51,1)

#993366

rgba(153,51,102)

rgba(153,51,102,1)

#993399

rgba(153,51,153)

rgba(153,51,153,1)

#9933cc

rgba(153,51,204)

rgba(153,51,204,1)

#9933ff

rgba(153,51,255)

rgba(153,51,255,1)

#cc3300

rgba(204,51,0)

rgba(204,51,0,1)

#cc3333

rgba(204,51,51)

rgba(204,51,51,1)

#cc3366

rgba(204,51,102)

rgba(204,51,102,1)

#cc3399

rgba(204,51,153)

rgba(204,51,153,1)

#cc33cc

rgba(204,51,204)

rgba(204,51,204,1)

#cc33ff

rgba(204,51,255)

rgba(204,51,255,1)

#ff3300

rgba(255,51,0)

rgba(255,51,0,1)

#ff3333

rgba(255,51,51)

rgba(255,51,51,1)

#ff3366

rgba(255,51,102)

rgba(255,51,102,1)

#ff3399

rgba(255,51,153)

rgba(255,51,153,1)

#ff33cc

rgba(255,51,204)

rgba(255,51,204,1)

#ff33ff

rgba(255,51,255)

rgba(255,51,255,1)

#006600

rgba(0,102,0)

rgba(0,102,0,1)

#006633

rgba(0,102,51)

rgba(0,102,51,1)

#006666

rgba(0,102,102)

rgba(0,102,102,1)

#006699

rgba(0,102,153)

rgba(0,102,153,1)

#0066cc

rgba(0,102,204)

rgba(0,102,204,1)

#0066ff

rgba(0,102,255)

rgba(0,102,255,1)

#336600

rgba(51,102,0)

rgba(51,102,0,1)

#336633

rgba(51,102,51)

rgba(51,102,51,1)

#336666

rgba(51,102,102)

rgba(51,102,102,1)

#336699

rgba(51,102,153)

rgba(51,102,153,1)

#3366cc

rgba(51,102,204)

rgba(51,102,204,1)

#3366ff

rgba(51,102,255)

rgba(51,102,255,1)

#666600

rgba(102,102,0)

rgba(102,102,0,1)

#666633

rgba(102,102,51)

rgba(102,102,51,1)

#666666

rgba(102,102,102)

rgba(102,102,102,1)

#666699

rgba(102,102,153)

rgba(102,102,153,1)

#6666cc

rgba(102,102,204)

rgba(102,102,204,1)

#6666ff

rgba(102,102,255)

rgba(102,102,255,1)

#996600

rgba(153,102,0)

rgba(153,102,0,1)

#996633

rgba(153,102,51)

rgba(153,102,51,1)

#996666

rgba(153,102,102)

rgba(153,102,102,1)

#996699

rgba(153,102,153)

rgba(153,102,153,1)

#9966cc

rgba(153,102,204)

rgba(153,102,204,1)

#9966ff

rgba(153,102,255)

rgba(153,102,255,1)

#cc6600

rgba(204,102,0)

rgba(204,102,0,1)

#cc6633

rgba(204,102,51)

rgba(204,102,51,1)

#cc6666

rgba(204,102,102)

rgba(204,102,102,1)

#cc6699

rgba(204,102,153)

rgba(204,102,153,1)

#cc66cc

rgba(204,102,204)

rgba(204,102,204,1)

#cc66ff

rgba(204,102,255)

rgba(204,102,255,1)

#ff6600

rgba(255,102,0)

rgba(255,102,0,1)

#ff6633

rgba(255,102,51)

rgba(255,102,51,1)

#ff6666

rgba(255,102,102)

rgba(255,102,102,1)

#ff6699

rgba(255,102,153)

rgba(255,102,153,1)

#ff66cc

rgba(255,102,204)

rgba(255,102,204,1)

#ff66ff

rgba(255,102,255)

rgba(255,102,255,1)

#009900

rgba(0,153,0)

rgba(0,153,0,1)

#009933

rgba(0,153,51)

rgba(0,153,51,1)

#009966

rgba(0,153,102)

rgba(0,153,102,1)

#009999

rgba(0,153,153)

rgba(0,153,153,1)

#0099cc

rgba(0,153,204)

rgba(0,153,204,1)

#0099ff

rgba(0,153,255)

rgba(0,153,255,1)

#339900

rgba(51,153,0)

rgba(51,153,0,1)

#339933

rgba(51,153,51)

rgba(51,153,51,1)

#339966

rgba(51,153,102)

rgba(51,153,102,1)

#339999

rgba(51,153,153)

rgba(51,153,153,1)

#3399cc

rgba(51,153,204)

rgba(51,153,204,1)

#3399ff

rgba(51,153,255)

rgba(51,153,255,1)

#669900

rgba(102,153,0)

rgba(102,153,0,1)

#669933

rgba(102,153,51)

rgba(102,153,51,1)

#669966

rgba(102,153,102)

rgba(102,153,102,1)

#669999

rgba(102,153,153)

rgba(102,153,153,1)

#6699cc

rgba(102,153,204)

rgba(102,153,204,1)

#6699ff

rgba(102,153,255)

rgba(102,153,255,1)

#999900

rgba(153,153,0)

rgba(153,153,0,1)

#999933

rgba(153,153,51)

rgba(153,153,51,1)

#999966

rgba(153,153,102)

rgba(153,153,102,1)

#999999

rgba(153,153,153)

rgba(153,153,153,1)

#9999cc

rgba(153,153,204)

rgba(153,153,204,1)

#9999ff

rgba(153,153,255)

rgba(153,153,255,1)

#cc9900

rgba(204,153,0)

rgba(204,153,0,1)

#cc9933

rgba(204,153,51)

rgba(204,153,51,1)

#cc9966

rgba(204,153,102)

rgba(204,153,102,1)

#cc9999

rgba(204,153,153)

rgba(204,153,153,1)

#cc99cc

rgba(204,153,204)

rgba(204,153,204,1)

#cc99ff

rgba(204,153,255)

rgba(204,153,255,1)

#ff9900

rgba(255,153,0)

rgba(255,153,0,1)

#ff9933

rgba(255,153,51)

rgba(255,153,51,1)

#ff9966

rgba(255,153,102)

rgba(255,153,102,1)

#ff9999

rgba(255,153,153)

rgba(255,153,153,1)

#ff99cc

rgba(255,153,204)

rgba(255,153,204,1)

#ff99ff

rgba(255,153,255)

rgba(255,153,255,1)

#00cc00

rgba(0,204,0)

rgba(0,204,0,1)

#00cc33

rgba(0,204,51)

rgba(0,204,51,1)

#00cc66

rgba(0,204,102)

rgba(0,204,102,1)

#00cc99

rgba(0,204,153)

rgba(0,204,153,1)

#00cccc

rgba(0,204,204)

rgba(0,204,204,1)

#00ccff

rgba(0,204,255)

rgba(0,204,255,1)

#33cc00

rgba(51,204,0)

rgba(51,204,0,1)

#33cc33

rgba(51,204,51)

rgba(51,204,51,1)

#33cc66

rgba(51,204,102)

rgba(51,204,102,1)

#33cc99

rgba(51,204,153)

rgba(51,204,153,1)

#33cccc

rgba(51,204,204)

rgba(51,204,204,1)

#33ccff

rgba(51,204,255)

rgba(51,204,255,1)

#66cc00

rgba(102,204,0)

rgba(102,204,0,1)

#66cc33

rgba(102,204,51)

rgba(102,204,51,1)

#66cc66

rgba(102,204,102)

rgba(102,204,102,1)

#66cc99

rgba(102,204,153)

rgba(102,204,153,1)

#66cccc

rgba(102,204,204)

rgba(102,204,204,1)

#66ccff

rgba(102,204,255)

rgba(102,204,255,1)

#99cc00

rgba(153,204,0)

rgba(153,204,0,1)

#99cc33

rgba(153,204,51)

rgba(153,204,51,1)

#99cc66

rgba(153,204,102)

rgba(153,204,102,1)

#99cc99

rgba(153,204,153)

rgba(153,204,153,1)

#99cccc

rgba(153,204,204)

rgba(153,204,204,1)

#99ccff

rgba(153,204,255)

rgba(153,204,255,1)

#cccc00

rgba(204,204,0)

rgba(204,204,0,1)

#cccc33

rgba(204,204,51)

rgba(204,204,51,1)

#cccc66

rgba(204,204,102)

rgba(204,204,102,1)

#cccc99

rgba(204,204,153)

rgba(204,204,153,1)

#cccccc

rgba(204,204,204)

rgba(204,204,204,1)

#ccccff

rgba(204,204,255)

rgba(204,204,255,1)

#ffcc00

rgba(255,204,0)

rgba(255,204,0,1)

#ffcc33

rgba(255,204,51)

rgba(255,204,51,1)

#ffcc66

rgba(255,204,102)

rgba(255,204,102,1)

#ffcc99

rgba(255,204,153)

rgba(255,204,153,1)

#ffcccc

rgba(255,204,204)

rgba(255,204,204,1)

#ffccff

rgba(255,204,255)

rgba(255,204,255,1)

#00ff00

rgba(0,255,0)

rgba(0,255,0,1)

#00ff33

rgba(0,255,51)

rgba(0,255,51,1)

#00ff66

rgba(0,255,102)

rgba(0,255,102,1)

#00ff99

rgba(0,255,153)

rgba(0,255,153,1)

#00ffcc

rgba(0,255,204)

rgba(0,255,204,1)

#00ffff

rgba(0,255,255)

rgba(0,255,255,1)

#33ff00

rgba(51,255,0)

rgba(51,255,0,1)

#33ff33

rgba(51,255,51)

rgba(51,255,51,1)

#33ff66

rgba(51,255,102)

rgba(51,255,102,1)

#33ff99

rgba(51,255,153)

rgba(51,255,153,1)

#33ffcc

rgba(51,255,204)

rgba(51,255,204,1)

#33ffff

rgba(51,255,255)

rgba(51,255,255,1)

#66ff00

rgba(102,255,0)

rgba(102,255,0,1)

#66ff33

rgba(102,255,51)

rgba(102,255,51,1)

#66ff66

rgba(102,255,102)

rgba(102,255,102,1)

#66ff99

rgba(102,255,153)

rgba(102,255,153,1)

#66ffcc

rgba(102,255,204)

rgba(102,255,204,1)

#66ffff

rgba(102,255,255)

rgba(102,255,255,1)

#99ff00

rgba(153,255,0)

rgba(153,255,0,1)

#99ff33

rgba(153,255,51)

rgba(153,255,51,1)

#99ff66

rgba(153,255,102)

rgba(153,255,102,1)

#99ff99

rgba(153,255,153)

rgba(153,255,153,1)

#99ffcc

rgba(153,255,204)

rgba(153,255,204,1)

#99ffff

rgba(153,255,255)

rgba(153,255,255,1)

#ccff00

rgba(204,255,0)

rgba(204,255,0,1)

#ccff33

rgba(204,255,51)

rgba(204,255,51,1)

#ccff66

rgba(204,255,102)

rgba(204,255,102,1)

#ccff99

rgba(204,255,153)

rgba(204,255,153,1)

#ccffcc

rgba(204,255,204)

rgba(204,255,204,1)

#ccffff

rgba(204,255,255)

rgba(204,255,255,1)

#ffff00

rgba(255,255,0)

rgba(255,255,0,1)

#ffff33

rgba(255,255,51)

rgba(255,255,51,1)

#ffff66

rgba(255,255,102)

rgba(255,255,102,1)

#ffff99

rgba(255,255,153)

rgba(255,255,153,1)

#ffffcc

rgba(255,255,204)

rgba(255,255,204,1)

#ffffff

rgba(255,255,255)

rgba(255,255,255,1)