Таблица безопасных цветов и их HTML кодов
Ранее мы уже рассматривали Названия, HEX и RGB коды цветов в HTML. Теперь приводим таблицу безопасных цветов рекомендованных при разработке дизайна сайтов. Данные цвета общеприняты в сети Интернет и точно передаются всеми браузерами на любых типах компьютеров и мониторов.
При использовании палитры цветов, не входящей в данную таблицу «безопасных» цветов может возникнуть ситуация, когда браузер не в состоянии правильным образом передать (отобразить) тот или иной цвет. В таком случае браузер сам подбирает похожий цвет или смешивает несколько соседних цветов. Отсюда может возникнуть искажение цвета.
При использовании цветов из приведенной ниже палитры у Вас не возникнет проблем с корректным отображением цвета. Любой из имеющихся 216 цветов «безопасной» палитры может быть использован как для графики, так и для раскрашивания текстов или заливки фонов.
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
| | | | | |
|
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 |
| | | | | |
|
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 |
| | | | | |
|
| FFCC99 | FF9966 | FF6600 | CC6633 | 993300 | 660000 |
| | | | | |
|
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 |
| | | | | |
|
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0033 | CC0033 |
| | | | | |
|
| CC9999 | CC6666 | CC3333 | 993333 | 990033 | 330000 |
| | | | | |
|
| FF6699 | FF3366 | FF0066 | CC3366 | 996666 | 663333 |
| | | | | |
|
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 |
| | | | | |
|
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 |
| | | | | |
|
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 |
| | | | | |
|
| CC99CC | CC66CC | CC00CC | CC33CC | 990099 | 993399 |
| | | | | |
|
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 |
| | | | | |
|
| CC99FF | 9933CC | 9933FF | 9900FF | 660099 | 663366 |
| | | | | |
|
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 |
| | | | | |
|
| CCCCFF | 9999FF | 6633FF | 6600FF | 330099 | 330066 |
| | | | | |
|
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 |
| | | | | |
|
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 |
| | | | | |
|
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 |
| | | | | |
|
| 0066FF | 0066CC | 3366CC | 0033FF | 003399 | 003366 |
| | | | | |
|
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 |
| | | | | |
|
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 |
| | | | | |
|
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 |
| | | | | |
|
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC |
| | | | | |
|
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 |
| | | | | |
|
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 |
| | | | | |
|
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 |
| | | | | |
|
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 |
| | | | | |
|
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 |
| | | | | |
|
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 |
| | | | | |
|
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 |
| | | | | |
|
| CCFF99 | 99FF66 | 66CC00 | 66CC33 | 669933 | 336600 |
| | | | | |
|
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 |
| | | | | |
|
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 |
| | | | | |
|
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 |
| | | | | |
|
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 |
| | | | | |
Как мы уже говорили, всего в данной таблице содержится 256 кодов цветов, которые получены путем 32 сочетаний шести оттенков красного, зеленого и синего цвета соответственно. Это оттенки (градации) — 0, 51, 102, 153, 204, 255.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Источник
Таблица «безопасных» цветов
При создании изображения для публикации в сети главной проблемой является правильная передача цвета на разных типах мониторов и в разных браузерах. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов. В результате пользователь на своем экране может увидеть совсем не то, что хотел изобразить автор.
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.
Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов. Эти цвета везде будут отображаться без искажений.
Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 00, 33, 66, 99, CC, FF. Над каждым цветом указаны значения RGB (для создания цвета в графическом редакторе или задания в CSS).
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 |
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 |
| FFCC99 | FF9966 | FF6600 | CC6633 | 993300 | 660000 |
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 |
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0033 | CC0033 |
| CC9999 | CC6666 | CC3333 | 993333 | 990033 | 330000 |
| FF6699 | FF3366 | FF0066 | CC3366 | 996666 | 663333 |
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 |
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 |
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 |
| CC99CC | CC66CC | CC00CC | CC33CC | 990099 | 993399 |
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 |
| CC99FF | 9933CC | 9933FF | 9900FF | 660099 | 663366 |
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 |
| CCCCFF | 9999FF | 6633FF | 6600FF | 330099 | 330066 |
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 |
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 |
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 |
| 0066FF | 0066CC | 3366CC | 0033FF | 003399 | 003366 |
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 |
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 |
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 |
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC |
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 |
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 |
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 |
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 |
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 |
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 |
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 |
| CCFF99 | 99FF66 | 66CC00 | 66CC33 | 669933 | 336600 |
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 |
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 |
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 |
Источник
Безопасные цвета HTML
На этой странице представлена таблица безопасных цветов HTML в формате RGB (для CSS и разных приложений) и HEX (для HTML и CSS). Используя эти цвета, вы можете быть уверены, что они будут одинаково отображены любыми старыми и новыми устройствами, на которых будут просматривать ваш сайт (мониторы, мобильные телефоны и т.д.) и всеми браузерами. При указании кода цвета в HTML перед ним необходимо поставить знак решетка (#). Все представленные ниже цвета допускается задавать в сокращенном виде, например #F3C вместо #FF33CC или #333 вместо #333333, а некоторые из них указывать по имени цвета.
| 255,204,102 | 255,204,51 | 255,204,0 | 204,153,0 | 153,102,0 |
| FFCC66 | FFCC33 | FFCC00 | CC9900 | 996600 |
| 255,204,153 | 204,153,102 | 204,153,51 | 153,102,51 | 102,51,0 |
| FFCC99 | CC9966 | CC9933 | 996633 | 663300 |
| 255,153,102 | 255,153,51 | 255,153,0 | 204,102,51 | 204,102,0 |
| FF9966 | FF9933 | FF9900 | CC6633 | CC6600 |
| 255,102,51 | 255,102,0 | 255,51,0 | 204,51,0 | 153,51,0 |
| FF6633 | FF6600 | FF3300 | CC3300 | 993300 |
| 255,204,204 | 204,153,153 | 153,102,102 | 102,51,51 | 51,0,0 |
| FFCCCC | CC9999 | 996666 | 663333 | 330000 |
| 255,153,153 | 204,102,102 | 204,51,51 | 153,51,51 | 102,0,0 |
| FF9999 | CC6666 | CC3333 | 993333 | 660000 |
| 255,102,102 | 255,51,51 | 255,0,0 | 204,0,0 | 153,0,0 |
| FF6666 | FF3333 | FF0000 | CC0000 | 990000 |
| 255,102,153 | 255,51,102 | 255,0,51 | 204,0,51 | 153,0,51 |
| FF6699 | FF3366 | FF0033 | CC0033 | 990033 |
| 255,153,204 | 204,102,153 | 204,51,102 | 153,51,102 | 102,0,51 |
| FF99CC | CC6699 | CC3366 | 993366 | 660033 |
| 255,51,153 | 255,0,153 | 255,0,102 | 204,0,102 | 153,0,102 |
| FF3399 | FF0099 | FF0066 | CC0066 | 990066 |
| 255,102,204 | 255,51,204 | 255,0,204 | 204,51,153 | 204,0,153 |
| FF66CC | FF33CC | FF00CC | CC3399 | CC0099 |
| 255,204,255 | 204,153,204 | 153,102,153 | 102,51,102 | 51,0,51 |
| FFCCFF | CC99CC | 996699 | 663366 | 330033 |
| 255,153,255 | 204,102,204 | 204,51,204 | 153,51,153 | 102,0,102 |
| FF99FF | CC66CC | CC33CC | 993399 | 660066 |
| 255,102,255 | 255,51,255 | 255,0,255 | 204,0,204 | 153,0,153 |
| FF66FF | FF33FF | FF00FF | CC00CC | 990099 |
| 204,102,255 | 204,51,255 | 204,0,255 | 153,0,204 | 102,0,153 |
| CC66FF | CC33FF | CC00FF | 9900CC | 660099 |
| 204,153,255 | 153,102,204 | 153,51,204 | 102,51,153 | 51,0,102 |
| CC99FF | 9966CC | 9933CC | 663399 | 330066 |
| 153,102,255 | 153,51,255 | 153,0,255 | 102,51,204 | 102,0,204 |
| 9966FF | 9933FF | 9900FF | 6633CC | 6600CC |
| 102,51,255 | 102,0,255 | 51,0,255 | 51,0,204 | 51,0,153 |
| 6633FF | 6600FF | 3300FF | 3300CC | 330099 |
| 204,204,255 | 153,153,204 | 102,102,153 | 51,51,102 | 0,0,51 |
| CCCCFF | 9999CC | 666699 | 333366 | 000033 |
| 153,153,255 | 102,102,204 | 51,51,204 | 51,51,153 |
| 9999FF | 6666CC | 3333CC | 333399 | 000066 |
| 102,102,255 | 51,51,255 | 0,0,255 | 0,0,204 | 0,0,153 |
| 6666FF | 3333FF | 0000FF | 0000CC | 000099 |
| 102,153,255 | 51,102,255 | 0,51,255 | 0,51,204 | 0,51,153 |
| 6699FF | 3366FF | 0033FF | 0033CC | 003399 |
| 153,204,255 | 102,153,204 | 51,102,204 | 51,102,153 | 0,51,102 |
| 99CCFF | 6699CC | 3366CC | 336699 | 003366 |
| 51,153,255 | 0,153,255 | 0,102,255 | 0,102,204 | 0,102,153 |
| 3399FF | 0099FF | 0066FF | 0066CC | 006699 |
| 102,204,255 | 51,204,255 | 0,204,255 | 51,153,204 | 0,153,204 |
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC |
| 204,255,255 | 153,204,204 | 102,153,153 | 51,102,102 | 0,51,51 |
| CCFFFF | 99CCCC | 669999 | 336666 | 003333 |
| 153,255,255 | 102,204,204 | 51,204,204 | 51,153,153 | 0,102,102 |
| 99FFFF | 66CCCC | 33CCCC | 339999 | 006666 |
| 102,255,255 | 51,255,255 | 0,255,255 | 0,204,204 | 0,153,153 |
| 66FFFF | 33FFFF | 00FFFF | 00CCCC | 009999 |
| 102,255,204 | 51,255,204 | 0,255,204 | 0,204,153 | 0,153,102 |
| 66FFCC | 33FFCC | 00FFCC | 00CC99 | 009966 |
| 153,255,204 | 102,204,153 | 51,204,153 | 51,153,102 | 0,102,51 |
| 99FFCC | 66CC99 | 33CC99 | 339966 | 006633 |
| 102,255,153 | 51,255,153 | 0,255,153 | 51,204,102 | 0,104,102 |
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 |
| 51,255,102 | 0,255,102 | 0,255,51 | 0,204,51 | 0,153,51 |
| 33FF66 | 00FF66 | 00FF33 | 00CC33 | 009933 |
| 153,255,153 | 153,204,153 | 102,153,102 | 51,102,51 | 0,51,0 |
| 99FF99 | 99CC99 | 669966 | 336633 | 003300 |
| 204,255,204 | 102,204,102 | 51,204,51 | 51,153,51 | 0,102,0 |
| CCFFCC | 66CC66 | 33CC33 | 339933 | 006600 |
| 102,255,102 | 51,255,51 | 0,255,0 | 0,204,0 | 0,153,0 |
| 66FF66 | 33FF33 | 00FF00 | 00CC00 | 009900 |
| 153,255,102 | 102,255,51 | 51,255,0 | 51,204,0 | 51,153,0 |
| 99FF66 | 66FF33 | 33FF00 | 33CC00 | 339900 |
| 204,255,153 | 153,204,102 | 102,204,51 | 102,153,51 | 51,102,0 |
| CCFF99 | 99CC66 | 66CC33 | 669933 | 336600 |
| 153,255,51 | 153,255,0 | 102,255,0 | 102,204,0 | 102,153,0 |
| 99FF33 | 99FF00 | 66FF00 | 66CC00 | 669900 |
| 204,255,102 | 204,255,51 | 204,255,0 | 153,204,51 | 153,204,0 |
| CCFF66 | CCFF33 | CCFF00 | 99CC33 | 99CC00 |
| 255,255,204 | 204,204,153 | 153,153,102 | 102,102,51 | 51,51,0 |
| FFFFCC | CCCC99 | 999966 | 666633 | 333300 |
| 255,255,153 | 204,204,102 | 204,204,51 | 153,153,51 | 102,102,0 |
| FFFF99 | CCCC66 | CCCC33 | 999933 | 666600 |
| 255,255,102 | 255,255,51 | 255,255,0 | 204,204,0 | 153,153,0 |
| FFFF66 | FFFF33 | FFFF00 | CCCC00 | 999900 |
| 255,255,255 | 204,204,204 | 153,153,153 | 102,102,102 | 51,51,51 | 0,0,0 |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 |
Каждый HEX-код состоит из трех пар шестнадцатеричных значений: первая пара отвечает за красный цвет, вторая — за зеленый, третья — за синий. Коды безопасной палитры могут состоять только из пар — 00, 33, 66, 99, СС и FF. Если код цвета содержит какое-либо другое значение, то этот цвет не из безопасной палитры.
Вообще, на сегодняшний день при создании сайта уже совсем не обязательно ограничиваться только безопасными цветами. Все современные браузеры и мониторы поддерживают гораздо больше цветов. Ну, разве что вы создаете сайт ориентированный на мобильные телефоны, некоторые из которых до сих пор могут отобразить только ограниченную палитру цветов.
Источник