| |
При создании изображений или подборе цветов для фона и текста одной из проблем является правильная цветопередача на разных платформах. Когда броузер не может правильно передать какой-либо оттенок, он подбирает похожий или смешивает несколько ближайших цветов. Обычно это происходит при попытках видеоадаптера в режиме 256 цветов показать оттенок High Color (16 бит) или True Color (24 бита). Кроме того, каждая операционная система резервирует и переопределяет эти цвета по-своему.
Интересующиеся тонкостями палитр MacOS и Unix могут обратиться к публикации Андрея Новикова «Цветовые палитры». О цветах самой распространенной в СНГ операционной системы Вы можете узнать из нашей статьи «Системные цвета Windows».
Если Вы не новичок в компьютерной графике, то знаете, как формируются цвета на экране монитора (или телевизора). Остальным предлагаем взглянуть на картинку слева. Такой способ представления цвета называется аддитивным (основанным на сложении): смешиваются три луча – красный (Red), зеленый (Green), синий (Blue). Из рисунка очевидно, что сочетание всех лучей дает белый, а их отсутствие – черный цвета. Сочетание только двух из трех лучей приводит к образованию одного из трех цветов субтрактивного (основанного на вычитании) способа представления – голубой (Cyan), пурпурный (Magenta) и желтый (Yellow). Второй способ используется в цветной полиграфии.
Безопасная палитра состоит из всех возможных сочетаний 6 оттенков красного, зеленого и синего (RGB) с равномерным шагом. Таких оттенков 6х6х6=216 (остальные 40 используются в качестве системных). При использовании цветов этой палитры можно быть уверенным в том, что каждый цвет будет передан без искажений и может быть использован для графики, текста и фонов.
Правда применение графического формата JPEG, использующего алгоритмы сжатия с потерей качества, может привести к искажению оттенков. Раз уж вы пытаетесь уложиться в палитру из 216 цветов, старайтесь использовать GIF или PNG. Применение JPEG оправдано с точки зрения уменьшения размера файла для большой по размеру картинки.
Для обозначения цветов безопасной палитры используются 00, 33, 66, 99, CC,. FF - для шестнадцатеричного обозначения в HTML и 0, 51, 102, 153, 204, 255 - для графических редакторов. Правда, некоторые графические редакторы для указания цвета используют проценты. В этом случае ряд значений выглядит как 0, 20, 40, 60, 80 и 100 процентов.
При обозначении цветов в HTML-документах вначале ставят знак номера #. Таким образом, красный будет обозначаться как 255, 0, 0 в Photoshop'e и #FF0000 в HTML.
Цвета расположены в соответствии с каталогом PANTONE Colorweb. Под каждым цветом даны два значения RGB - DEC (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML). Для лучшего восприятия оттенков в качестве фона использован серый «#CCCCCC» (R:204 G:204 B:204).
| 255.255.204 |
255.255.153 |
255.255.102 |
255.255.51 |
255.255.0 |
204.204.0 |
| FFFFCC |
FFFF99 |
FFFF66 |
FFFF33 |
FFFF00 |
CCCC00 |
| |
|
|
|
|
|
| 255.204.102 |
255.204.0 |
255.204.51 |
204.153.0 |
204.153.51 |
153.102.0 |
| FFCC66 |
FFCC00 |
FFCC33 |
CC9900 |
CC9933 |
996600 |
| |
|
|
|
|
|
| 255.153.0 |
255.153.51 |
204.153.102 |
204.102.0 |
153.102.51 |
102.51.0 |
| FF9900 |
FF9933 |
CC9966 |
CC6600 |
996633 |
663300 |
| |
|
|
|
|
|
| 255.204.153 |
255.153.102 |
255.102.0 |
204.102.51 |
153.51.0 |
102.0.0 |
| FFCC99 |
FF9966 |
FF6600 |
CC6633 |
993300 |
660000 |
| |
|
|
|
|
|
| 255.102.51 |
204.51.0 |
255.51.0 |
255.0.0 |
204.0.0 |
153.0.0 |
| FF6633 |
CC3300 |
FF3300 |
FF0000 |
CC0000 |
990000 |
| |
|
|
|
|
|
| 255.204.204 |
255.153.153 |
255.102.102 |
255.51.51 |
255.0.51 |
204.0.51 |
| FFCCCC |
FF9999 |
FF6666 |
FF3333 |
FF0033 |
CC0033 |
| |
|
|
|
|
|
| 204.153.153 |
204.102.102 |
204.51.51 |
153.51.51 |
153.0.51 |
51.0.0 |
| CC9999 |
CC6666 |
CC3333 |
993333 |
990033 |
330000 |
| |
|
|
|
|
|
| 255.102.153 |
255.51.102 |
255.0.102 |
204.51.102 |
153.102.102 |
102.51.51 |
| FF6699 |
FF3366 |
FF0066 |
CC3366 |
996666 |
663333 |
| |
|
|
|
|
|
| 255.153.204 |
255.51.153 |
255.0.153 |
204.0.102 |
153.51.102 |
102.0.51 |
| FF99CC |
FF3399 |
FF0099 |
CC0066 |
993366 |
660033 |
| |
|
|
|
|
|
| 255.102.204 |
255.0.204 |
255.51.204 |
204.102.153 |
204.0.153 |
153.0.102 |
| FF66CC |
FF00CC |
FF33CC |
CC6699 |
CC0099 |
990066 |
| |
|
|
|
|
|
| 255.204.255 |
255.153.255 |
255.102.255 |
255.51.255 |
255.0.255 |
204.51.153 |
| FFCCFF |
FF99FF |
FF66FF |
FF33FF |
FF00FF |
CC3399 |
| |
|
|
|
|
|
| 204.153.204 |
204.102.204 |
204.0.204 |
204.51.204 |
153.0.153 |
153.51.153 |
| CC99CC |
CC66CC |
CC00CC |
CC33CC |
990099 |
993399 |
| |
|
|
|
|
|
| 204.102.255 |
204.51.255 |
204.0.255 |
153.0.204 |
153.102.153 |
102.0.102 |
| CC66FF |
CC33FF |
CC00FF |
9900CC |
996699 |
660066 |
| |
|
|
|
|
|
| 204.153.255 |
153.51.204 |
153.51.255 |
153.0.255 |
102.0.153 |
102.51.102 |
| CC99FF |
9933CC |
9933FF |
9900FF |
660099 |
663366 |
| |
|
|
|
|
|
| 153.102.204 |
153.102.255 |
102.0.204 |
102.51.204 |
102.51.153 |
51.0.51 |
| 9966CC |
9966FF |
6600CC |
6633CC |
663399 |
330033 |
| |
|
|
|
|
|
| 204.204.255 |
153.153.255 |
102.51.255 |
102.0.255 |
51.0.153 |
51.0.102 |
| CCCCFF |
9999FF |
6633FF |
6600FF |
330099 |
330066 |
| |
|
|
|
|
|
| 153.153.204 |
102.102.255 |
102.102.204 |
102.102.153 |
51.51.153 |
51.51.102 |
| 9999CC |
6666FF |
6666CC |
666699 |
333399 |
333366 |
| |
|
|
|
|
|
| 51.51.255 |
51.0.255 |
51.0.204 |
51.51.204 |
0.0.153 |
0.0.102 |
| 3333FF |
3300FF |
3300CC |
3333CC |
000099 |
000066 |
| |
|
|
|
|
|
| 102.153.255 |
51.102.255 |
0.0.255 |
0.0.204 |
0.51.204 |
0.0.51 |
| 6699FF |
3366FF |
0000FF |
0000CC |
0033CC |
000033 |
| |
|
|
|
|
|
| 0.102.255 |
0.102.204 |
51.102.204 |
0.51.255 |
0.51.153 |
0.51.102 |
| 0066FF |
0066CC |
3366CC |
0033FF |
003399 |
003366 |
| |
|
|
|
|
|
| 153.204.255 |
51.153.255 |
0.153.255 |
102.153.204 |
51.102.153 |
0.102.153 |
| 99CCFF |
3399FF |
0099FF |
6699CC |
336699 |
006699 |
| |
|
|
|
|
|
| 102.204.255 |
51.204.255 |
0.204.255 |
51.153.204 |
0.153.204 |
0.51.51 |
| 66CCFF |
33CCFF |
00CCFF |
3399CC |
0099CC |
003333 |
| |
|
|
|
|
|
| 153.204.204 |
102.204.204 |
51.153.153 |
102.153.153 |
0.102.102 |
51.102.102 |
| 99CCCC |
66CCCC |
339999 |
669999 |
006666 |
336666 |
| |
|
|
|
|
|
| 204.255.255 |
153.255.255 |
102.255.255 |
51.255.255 |
0.255.255 |
0.204.204 |
| CCFFFF |
99FFFF |
66FFFF |
33FFFF |
00FFFF |
00CCCC |
| |
|
|
|
|
|
| 153.255.204 |
102.255.204 |
51.255.204 |
0.255.204 |
51.204.204 |
0.153.153 |
| 99FFCC |
66FFCC |
33FFCC |
00FFCC |
33CCCC |
009999 |
| |
|
|
|
|
|
| 102.204.153 |
51.204.153 |
0.204.153 |
51.153.102 |
0.153.102 |
0.102.51 |
| 66CC99 |
33CC99 |
00CC99 |
339966 |
009966 |
006633 |
| |
|
|
|
|
|
| 102.255.153 |
51.255.153 |
0.255.153 |
51.204.102 |
0.204.102 |
0.153.51 |
| 66FF99 |
33FF99 |
00FF99 |
33CC66 |
00CC66 |
009933 |
| |
|
|
|
|
|
| 153.255.153 |
102.255.102 |
51.255.102 |
0.255.102 |
51.153.51 |
0.102.0 |
| 99FF99 |
66FF66 |
33FF66 |
00FF66 |
339933 |
006600 |
| |
|
|
|
|
|
| 204.255.204 |
153.204.153 |
102.204.102 |
102.153.102 |
51.102.51 |
0.51.0 |
| CCFFCC |
99CC99 |
66CC66 |
669966 |
336633 |
003300 |
| |
|
|
|
|
|
| 51.255.51 |
0.255.51 |
0.255.0 |
0.204.0 |
51.204.51 |
0.204.51 |
| 33FF33 |
00FF33 |
00FF00 |
00CC00 |
33CC33 |
00CC33 |
| |
|
|
|
|
|
| 102.255.0 |
102.255.51 |
51.255.0 |
51.204.0 |
51.153.0 |
0.153.0 |
| 66FF00 |
66FF33 |
33FF00 |
33CC00 |
339900 |
009900 |
| |
|
|
|
|
|
| 204.255.153 |
153.255.102 |
102.204.0 |
102.204.51 |
102.153.51 |
51.102.0 |
| CCFF99 |
99FF66 |
66CC00 |
66CC33 |
669933 |
336600 |
| |
|
|
|
|
|
| 153.255.0 |
153.255.51 |
153.204.102 |
153.204.0 |
153.204.51 |
102.153.0 |
| 99FF00 |
99FF33 |
99CC66 |
99CC00 |
99CC33 |
669900 |
| |
|
|
|
|
|
| 204.255.102 |
204.255.0 |
204.255.51 |
204.204.153 |
102.102.51 |
51.51.0 |
| CCFF66 |
CCFF00 |
CCFF33 |
CCCC99 |
666633 |
333300 |
| |
|
|
|
|
|
| 204.204.102 |
204.204.51 |
153.153.51 |
153.153.102 |
153.153.0 |
102.102.0 |
| CCCC66 |
CCCC33 |
999966 |
999933 |
999900 |
666600 |
| |
|
|
|
|
|
| 255.255.255 |
204.204.204 |
153.153.153 |
102.102.102 |
51.51.51 |
0.0.0 |
| FFFFFF |
CCCCCC |
999999 |
666666 |
333333 |
000000 |
| |
|
|
|
|
|
  
|
|
|
|
|
|
