Безопасные web цвета: «Безопасные» или Web Safe цвета для веб-дизайна

Разное 

Палитра безопасных Веб–цветов [Мозаика системного администрирования]

Эта палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.

Палитра состоит из 216 безопасных веб–цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных код (префикс #), для обозначения цвета в HTML.

255 255 204
#FFFFCC		 255 255 153
#FFFF99		 255 255 102
#FFFF66		 255 255 51
#FFFF33		 255 255 0
#FFFF00		 204 204 0
#CCCC00
55 204 102
#FFCC66		 255 204 0
#FFCC00		 255 204 51
#FFCC33		 204 153 0
#CC9900		 204 153 51
#CC9933		 153 102 0
#996600
55 153 0
#FF9900		 255 153 51
#FF9933		 204 153 102
#CC9966		 204 102 0
#CC6600		 153 102 51
#996633		 102 51 0
#663300
255 204 153
#FFCC99		 255 153 102
#FF9966		 255 102 0
#FF6600		 204 102 51
#CC6633		 153 51 0
#993300		 102 0 0
#660000
255 102 51
#FF6633		 204 51 0
#CC3300		 255 51 0
#FF3300		 255 0 0
#FF0000		 204 0 0
#CC0000		 153 0 0
#990000
255 204 204
#FFCCCC		 255 153 153
#FF9999		 255 102 102
#FF6666		 255 51 51
#FF3333		 255 0 51
#FF0033		 204 0 51
#CC0033
204 153 153
#CC9999		 204 102 102
#CC6666		 204 51 51
#CC3333		 153 51 51
#993333		 153 0 51
#990033		 51 0 0
#330000
255 102 153
#FF6699		 255 51 102
#FF3366		 255 0 102
#FF0066		 204 51 102
#CC3366		 153 102 102
#996666		 102 51 51
#663333
255 153 204
#FF99CC		 255 51 153
#FF3399		 255 0 153
#FF0099		 204 0 102
#CC0066		 153 51 102
#993366		 102 0 51
#660033
255 102 204
#FF66CC		 255 0 204
#FF00CC		 255 51 204
#FF33CC		 204 102 153
#CC6699		 204 0 153
#CC0099		 153 0 102
#990066
255 204 255
#FFCCFF		 255 153 255
#FF99FF		 255 102 255
#FF66FF		 255 51 255
#FF33FF		 255 0 255
#FF00FF		 204 51 153
#CC3399
204 153 204
#CC99CC		 204 102 204
#CC66CC		 204 0 204
#CC00CC		 204 51 204
#CC33CC		 153 0 153
#990099		 153 51 153
#993399
204 102 255
#CC66FF		 204 51 255
#CC33FF		 204 0 255
#CC00FF		 153 0 204
#9900CC		 153 102 153
#996699		 102 0 102
#660066
204 153 255
#CC99FF		 153 51 204
#9933CC		 153 51 255
#9933FF		 153 0 255
#9900FF		 102 0 153
#660099		 102 51 102
#663366
153 102 204
#9966CC		 153 102 255
#9966FF
102 0 204
#6600CC		 102 51 204
#6633CC		 102 51 153
#663399		 51 0 51
#330033
204 204 255
#CCCCFF		 153 153 255
#9999FF		 102 51 255
#6633FF		 102 0 255
#6600FF		 51 0 153
#330099		 51 0 102
#330066
153 153 204
#9999CC		 102 102 255
#6666FF		 102 102 204
#6666CC		 102 102 153
#666699		 51 51 153
#333399		 51 51 102
#333366
51 51 255
#3333FF		 51 0 255
#3300FF		 51 0 204
#3300CC		 51 51 204
#3333CC		 0 0 153
#000099		 0 0 102
#000066
102 153 255
#6699FF		 51 102 255
#3366FF		 0 0 255
#0000FF		 0 0 204
#0000CC		 0 51 204
#0033CC		 0 0 51
#000033
0 102 255
#0066FF		 0 102 204
#0066CC		 51 102 204
#3366CC		 0 51 255
#0033FF		 0 51 153
#003399		 0 51 102
#003366
153 204 255
#99CCFF		 51 153 255
#3399FF		 0 153 255
#0099FF		 102 153 204
#6699CC		 51 102 153
#336699		 0 102 153
#006699
102 204 255
#66CCFF		 51 204 255
#33CCFF		 0 204 255
#00CCFF		 51 153 204
#3399CC		 0 153 204
#0099CC		 0 51 51
#003333
153 204 204
#99CCCC		 102 204 204
#66CCCC		 51 153 153
#339999		 102 153 153
#669999		 0 102 102
#006666		 51 102 102
#336666
204 255 255
#CCFFFF		 153 255 255
#99FFFF		 102 255 255
#66FFFF		 51 255 255
#33FFFF		 0 255 255
#00FFFF		 0 204 204
#00CCCC
153 255 204
#99FFCC		 102 255 204
#66FFCC		 51 255 204
#33FFCC		 0 255 204
#00FFCC		 51 204 204
#33CCCC		 0 153 153
#009999
102 204 153
#66CC99		 51 204 153
#33CC99		 0 204 153
#00CC99		 51 153 102
#339966		 0 153 102
#009966		 0 102 51
#006633
102 255 153
#66FF99		 51 255 153
#33FF99		 0 255 153
#00FF99		 51 204 102
#33CC66		 0 204 102
#00CC66		 0 153 51
#009933
153 255 153
#99FF99		 102 255 102
#66FF66		 51 255 102
#33FF66		 0 255 102
#00FF66		 51 153 51
#339933		 0 102 0
#006600
204 255 204
#CCFFCC		 153 204 153
#99CC99		 102 204 102
#66CC66		 102 153 102
#669966		 51 102 51
#336633		 0 51 0
#003300
51 255 51
#33FF33		 0 255 51
#00FF33		 0 255 0
#00FF00		 0 204 0
#00CC00		 51 204 51
#33CC33		 0 204 51
#00CC33
102 255 0
#66FF00		 102 255 51
#66FF33		 51 255 0
#33FF00		 51 204 0
#33CC00		 51 153 0
#339900		 0 153 0
#009900
204 255 153
#CCFF99		 153 255 102
#99FF66		 102 204 0
#66CC00		 102 204 51
#66CC33		 102 153 51
#669933		 51 102 0
#336600
153 255 0
#99FF00		 153 255 51
#99FF33		 153 204 102
#99CC66		 153 204 0
#99CC00		 153 204 51
#99CC33		 102 153 0
#669900
204 255 102
#CCFF66		 204 255 0
#CCFF00		 204 255 51
#CCFF33		 204 204 153
#CCCC99		 102 102 51
#666633		 51 51 0
#333300
204 204 102
#CCCC66		 204 204 51
#CCCC33		 153 153 102
#999966		 153 153 51
#999933		 153 153 0
#999900		 102 102 0
#666600
255 255 255
#FFFFFF		 204 204 204
#CCCCCC		 153 153 153
#999999		 102 102 102
#666666		 51 51 51
#333333		 0 0 0
#000000

Для отображения используется расширение FontColor.

Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru

HTTP

web-safe-colors/web-safe-colors.txt · Последние изменения: 2020-06-25 09:47 — GreyWolf

Цифровые коды безопасных Web цветов

Цифровые коды безопасных Web цветов

Безопасные цвета web являются имено те 216 перечисленые в нижней таблице, которые выглядят одинаково на всех браузерах, если у используемого браузера по какоито причине не хватает цветов, то чтобы правильно отобразить использованный вами цвет на web-странице цвет, он подменяет ваш цвет на наиболее близкими из тех, что имеются в его палитре.

#000000 #000033 #000066 #000099 #0000CC #0000FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

16 основных цветов В стандарте W3C:

16 стандартных цветов Web


Цвет Символьная метка Значение RGB Цветовой код

Белый

white

 255 255 255 #ffffff

Желтый

yellow

 255 255 0 #ffff00

Светло-зеленый

lime

 0 255 0 #00ff00

Оливковый

olive

 128 128 0 #808000

Зеленый

green

 0 128 0 #00ff00

Изумрудный

teal

 0 128 128 #008080

Темно-синий

navy

 0 0 128 #000080

Синий

blue

 0 0 255 #0000ff

Голубой

aqua

 0 255 255 #00ffff

Розовый

fuchsia

 255 0 255 #FF00FF

Пурпурный

purple

 128 0 128 #800080

Красный

red

 255 0 0 #FF0000

Темно-бордовый

maroon

 128 0 0 #800000

Черный

black

 0 0 0 #000000

Серый

gray

 128 128 128 #808080

Светло-серый

silver

 192 192 192 #C0C0C0

Справка. В Web существует 3 способа представления цветов.

1. Текстовый, например, black, red. Для того, чтобы цвета выглядели одинаково во всех браузерах, рекомендуется пользоваться палитрой так называемых web-безопасных цветов (web-safe colors). Эта палитра содержит 216 цветов.

2. Палитра RGB (используется в графических редакторах). Каждый цвет представлен как сочетание красного (Red), зеленого (Grey) и синего (Blue) цветов. С помощью этих трех цветов можно получить абсолютно любой оттенок — RGB-палитра содержит более 16 млн. цветов. Для каждого оттенка указывается соотношение этих трех основных цветов в диапазоне от 0 до 255. Например, черный цвет обозначается как 0 0 0, белый цвет — 255 255 255, синий — 0 0 255.

3. Шестнадцатеричный цифровой код. Для него принят следующий синтаксис: в начале кода ставится символ «#», а затем следует шестизначный набор символов в шестнадцатеричной системе счисления. Первая пара символов отвечает за красный цвет, вторая — за зеленый, третья — за синий. То есть это та же RGB-палитра, только в другом обозначении. Если в парах шестнадцатеричных чисел используются одинаковые числа, можно использовать краткую запись, например, запись #359 будет интерпретирована как #335599.

216 безопасных веб-цветов

216 безопасных веб-цветов
000000 000033 000066 000099 0000cc 0000ff
003300 003333 003366 003399 0033cc 0033ff
006600 006633 006666 006699 0066cc 0066ff
009900 009933 009966 009999 0099cc 0099ff
00cc00 00cc33 00cc66 00cc99 00cccc 00ccff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
330000 330033 330066 330099 3300cc 3300ff
333300 333333 333366 333399 3333cc 3333ff
336600 336633 336666 336699 3366cc 3366ff
339900 339933 339966 339999 3399cc 3399ff
33cc00 33cc33 33cc66 33cc99 33cccc 33ccff
33ff00 33ff33 33ff66 33ff99 33ffcc 33ffff
660000 660033 660066 660099 6600cc 6600ff
663300 663333 663366 663399 6633cc 6633ff
666600 666633 666666 666699 6666cc 6666ff
669900 669933 669966 669999 6699cc 6699ff
66cc00 66cc33 66cc66 66cc99 66cccc 66ccff
66ff00 66ff33 66ff66 66ff99 66ffcc 66ffff
9

 9 9 9 9900cc 9900ff
993300 993333 993366 993399 9933cc 9933ff
996600 996633 996666 996699 9966cc 9966ff
999900 999933 999966 999999 9999cc 9999ff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
куб. см0000 куб.см0033 куб.см0066 куб.см0099 куб.см00куб.см куб.см 00ff
куб.см3300 куб.см3333 куб.см3366 куб.см3399 куб.см33куб.см куб.см33ff
куб.см6600 куб.см6633 куб.см6666 куб.см6699 куб.см66куб.см cc66ff
куб.см9900 куб.см9933 куб.см9966 куб. см9999 куб.см99куб.см куб.см99ff
cccc00 cccc33 cccc66 cccc99 cccccc ccccff
ccff00 ccff33 ccff66 ccff99 ccffcc ccffff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
ff3300 ff3333 ff3366 ff3399 ff33cc ff33ff
ff6600 ff6633 ff6666 ff6699 ff66cc ff66ff
ff9900 ff9933 ff9966 ff9999 ff99cc ff99ff
ffcc00 ffcc33 ffcc66 ffcc99 ffcccc ffccff
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff

Безопасные цвета браузера

Цвета, безопасные для браузера

9000 90000518
HEX RGB %
00 0 0      
33 51 20      
66 102 40      
99 153 60
CC 204 80
FF 255 100
9
9000
100

Безопасные для браузера цвета выражаются количеством КРАСНОГО, ЗЕЛЕНОГО и СИНЕГО в шестнадцатеричном коде (HEX) и всегда в этом порядке. В прилагаемой таблице цветовые коды HEX сравниваются со значениями RGB и процентным соотношением каждого цвета. В шестнадцатеричной системе с основанием 16 имеется шестнадцать символов: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E и F. Браузер- безопасные цвета — очень ограниченная часть спектра, возможного на мониторе; 8-битные мониторы ограничены отображением 256 цветов, а системное программное обеспечение и браузеры резервируют до 40 цветов для собственного использования (256-40=216). На приведенных ниже диаграммах представлена ​​полная палитра из 216 возможных комбинаций из 6 HEX-кодов, сохраняемых в браузере, по три одновременно. 16-битный монитор может отображать 65 536 цветов, а 24-битный — 16,7 млн ​​цветов.

Можно указать цвета для страницы, таблицы

и фона ячейки данных таблицы
, а также для текста . Выбор цвета облегчается, когда вы видите цвета рядом. На следующей странице в рамке представлена ​​фиксированная палитра из 12 наборов цветов в 3 столбцах , а рядом с каждой из них прокручиваемая полная палитра из 216 цветов (группы цветов в фиксированных палитрах отмечены справа). : Нажав на верхнюю плитку цвета в любой фиксированной колонке, вы вернетесь на эту страницу. Если фиксированные участки выходят за пределы видимой части вашего монитора, поместите курсор в нёбо и выберите «уменьшить шрифт» в меню вашего браузера; это уменьшит размер цветных плиток.


второй цвет

     
00
33
66
99
СС
ТФ
     
f
i
r
s
t

c
o
l
o
r

00
000000
003300
006600
009900
00CC00
00FF00
00
t
h
i
r
d

c
o
l
o
r

00
000033
003333
006633
009933
00CC33
00FF33
33
00
000066
003366
006666
009966
00CC66
00FF66
66
00
000099
003399
006699
009999
00CC99
00FF99
99
00
0000CC
0033CC
0066CC
0099CC
00CCCC
00FFCC
СС
00
0000FF
0033FF
0066FF
0099FF
00CCFF
00FFFF
ФФ


второй цвет
00
33
66
99
СС
ТФ

ф
и
р
с
t

c
o
l
o
r

33
330000
333300
336600
339900
33CC00
33FF00
00
t
h
i
r
d

c
o
l
o
r

33
330033
333333
336633
339933
33CC33
33FF33
33
33
330055
333366
336666
339966
33CC66
33FF66
66
33
330099
333399
336699
339999
33CC99
33FF99
99
33
3300CC
3333CC
3366CC
3399CC
33CCCC
33FFCC
СС
33
3300FF
3333FF
3366FF
3399ФФ
33CCFF
33FFFF
ТФ


второй цвет
00
33
66
99
СС
FF

f
i
r
s
t

c
o
l
o
r

66
660000
663300
666600
669900
66CC00
66FF00
00
t
h
i
r
d

c
o
l
o
r

66
660033
663333
666633
669933
66CC33
66FF33
33
66
660066
663366
666666
669966
66CC66
66FF66
66
66
660099
663399
666699
669999
66CC99
66FF99
99
66
6600CC
6633CC
6666CC
6699CC
66CCCC
66FFCC
СС
66
6600FF
6633FF
6666FF
6699FF
66CCFF
66FFFF
ТФ


второй цвет
00
33
66
99
СС
ТФ

f
i
r
s
t

c
o
l
o
r

99
9

993300
996600
999900
99CC00
99FF00
00
t
h
i
r
d

c
o
l
o
r

99
9
993333
996633
999933
99CC33
99FF33
33
99
9
993366
996666
999966
99CC66
99FF66
66
99
9
993399
996699
999999
99CC99
99FF99
99
99
9900CC
9933CC
9966CC
9999CC
99CCCC
99FFCC
СС
99
9900FF
9933FF
9966FF
9999FF
99CCFF
99FFFF
ТФ


второй цвет
00
33
66
99
СС
ТФ

f
i
r
s
t

c
o
l
o
r

СС
CC0000
CC3300
CC6600
CC9900
CCCC00
CCFF00
00
t
h
i
r
d

c
o
l
o
r

СС
CC0033
CC3333
CC6633
CC9933
CCCC33
CCFF33
33
СС
CC0066
CC3366
CC6666
CC9966
CCCC66
CCFF66
66
СС
CC0099
CC3399
CC6699
CC9999
CCCC99
CCFF99
99
СС
CC00CC
CC33CC
CC66CC
CC99CC
CCCCCC
CCFFCC
СС
СС
CC00FF
CC33FF
CC66FF
CC99FF
CCCCFF
CCFFFF
ФФ


второй цвет
00
33
66
99
СС
ТФ

ф
и
р
с
т

с
о
л
о
р

ТФ
FF0000
FF3300
FF6600
FF9900
FFCC00
FFFF00
00
t
h
i
r
d

c
o
l
o
r

ТФ
FF0033
FF3333
FF6633
FF9933
FFCC33
FFFF33
33
ТФ
FF0066
FF3366
FF6666
FF9966
FFCC66
FFFF66
66
ТФ
FF0099
FF3399
FF6699
FF9999
FFCC99
FFFF99
99
ТФ
FF00CC
FF33CC
FF66CC
FF99CC
FFCCCC
FFFFCC
СС
ТФ
FF00FF
FF33FF
FF66FF
ФФ99ФФ
FFCCFF
ФФФФФФ
ТФ
 
Вернуться к HTML: создание веб-страницы
Библиография :