При создании изображения для публикации в сети главной проблемой является правильная передача цвета на разных типах мониторов и в разных браузерах. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов. В результате пользователь на своем экране может увидеть совсем не то, что хотел изобразить автор.
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.
Любой из 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 |
- Таблица RGB цветов
- Правильное сочетание цветов
- Сводная таблица стилей
- Сводная таблица специальных символов
- Accessibility color wheel – сервис подбора цветов для фона и текста с учетом пользователей с ограниченными способностями.
Accessibility color wheel поможет выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.
Если веб-браузер не в состоянии правильно отобразить тот или иной цвет, то он пытается подобрать похожий или смешивает несколько соседних цветов. Может так случиться, что исходный цвет будет замещён чем-то совершенно неподходящим.
Сегодня уже весьма спорна целесообразность использования безопасной палитры, однако используя её, вы будете уверены, что цвета будут выглядеть неизменно хорошо и без искажений даже на очень старых компьютерах, вплоть до 8-битного режима отображения с поддержкой всего 256 цветов.
Безопасные цвета были выведены математически, а не потому, что они кому-то больше пришлись по душе. Для получения безопасного цвета из Красного, Зелёного и Синего, нужно использовать только данные десятичные значения: 0, 51, 102, 153, 204, 255 — и никакие другие. Каждое из трёх шестнадцатеричных значений не должно отличаться от 00, 33, 66, 99, CC, FF.
Таблица Безопасных Веб-цветов
Палитра состоит из 216 безопасных веб-цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных HEX-код, для обозначения цвета в HTML.
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.
Если веб-браузер не в состоянии правильно отобразить тот или иной цвет, то он пытается подобрать похожий или смешивает несколько соседних цветов. Может так случиться, что исходный цвет будет замещён чем-то совершенно неподходящим.
Сегодня уже весьма спорна целесообразность использования безопасной палитры, однако используя её, вы будете уверены, что цвета будут выглядеть неизменно хорошо и без искажений даже на очень старых компьютерах, вплоть до 8-битного режима отображения с поддержкой всего 256 цветов.
Безопасные цвета были выведены математически, а не потому, что они кому-то больше пришлись по душе. Для получения безопасного цвета из Красного, Зелёного и Синего, нужно использовать только данные десятичные значения: 0, 51, 102, 153, 204, 255 — и никакие другие. Каждое из трёх шестнадцатеричных значений не должно отличаться от 00, 33, 66, 99, CC, FF.
Таблица Безопасных Веб-цветов
Палитра состоит из 216 безопасных веб-цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных HEX-код, для обозначения цвета в HTML.