Для того, чтобы применяемые на сайте цвета выглядели одинаково на всех устройствах, применяют, так называемые, безопасные цвета. Данные цвета будут одинаково смотреться в 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)
(
(