Учебник HTML >>Управление цветом

Шестнадцатеричные значения цвета RGB

Способы описания и обработки цвета отличаются друг от друга тем, для какого конечного представления предназначаются. Сравним, например, представления цветов для полиграфии и для мониторов компьютеров. В первом случае за основу берется белый цвет бумаги, на которую в последствии наносятся три основные цвета: голубой, пурпурный и желтый. Смешиваясь между собой и с белым цветом бумаги в разных пропорциях, эти три основные цвета дают различные цветовые оттенки, кроме чистого черного, либо при полном отсутствии красок дают белый цвет бумаги. Если к ним добавить еще и черный цвет, то получим CMYK-способ передачи цвета, когда необходимый цвет получается путем вычитания из белого недостающих цветов.

Во втором же случае за основу принимается черный цвет экрана монитора, каждая ячейка которого, светится одним из трех цветов: red-красный, green-зеленый и blue-синий. Тогда при полном отсутствии какого-либо свечения мы получаем чистый черный цвет экрана, а любой из требуемых цветов задается соотношением каждого из трех цветов. В этом случае мы получим RGB-способ передачи цвета. Основные цвета могут иметь значения от 0 до 255, или от 0% до 100%, либо могут быть представлены в виде шестнадцатеричного значения. На рисунке ниже можно увидеть результаты смешения основных цветов.

Шестнадцатеричная система счисления, в отличии от десятичной в своём ряду цифр имеет не десять знаков, а шестнадцать - отсюда и название. Соответственно не повторяющихся вариантов сочетаний из двух цифр может быть только - 256, для продолжения ряда цифр после 9 используются буквы от A до F, следовательно, ряд будет выглядеть так -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Для перевода чисел из одной системы счисления в другую и наоборот воспользуйтесь калькулятором, приведенным ниже. Максимальное значение здесь может быть FF - 255.

Десятичные:
Шестнадцатеричные:

В этом случае цвет задается тремя шестнадцатеричными числами, каждое из которых состоит из двух цифр. Первое число определяет интенсивность красного цвета, среднее- зеленого, последнее- синего цвета. Все числа могут принимать значения в диапазоне от 00 до FF (от 0 до 255 ). Например: зеленый цвет задается как #00FF00, красный - как #FF0000, синий - как #0000FF, белый - как #FFFFFF, полное отсутствие цвета или черный задается как #000000.

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

RED GREEN BLUE
...кликни здесь

Примеры некоторых шестнадцатеричных значений цветов RGB: градации красного, синего и зеленого цветов.
вид код вид код вид код вид код вид код вид код
  #010000   #800000   #000100   #008000   #000001   #000080
  #100000   #900000   #001000   #009000   #000010   #000090
  #200000   #A00000   #002000   #00A000   #000020   #0000A0
  #300000   #B00000   #003000   #00B000   #000030   #0000B0
  #400000   #C00000   #004000   #00C000   #000040   #0000C0
  #500000   #D00000   #005000   #00D000   #000050   #0000D0
  #600000   #E00000   #006000   #00E000   #000060   #0000E0
  #700000   #FF0000   #007000   #00FF00   #000070   #0000FF

Задание цвета при помощи строчных литералов

Для удобства пользования некоторым цветам и их сочетаниям были присвоены имена, которые распознаются всеми браузерами и появилась возможность задавать многие из них по имени. В таблице ниже приведены некоторые из названий цветов:
вид имя вид имя вид имя вид имя
  White   Red   Orange   Yellow
  Green   Blue   Purple   Black
  Aliceblue   Antiquewhite   Aqua   Aquamarine
  Azure   Beige   Bisque   Blanchedalmond
  Blueviolet   Brown   Burlywood   Cadetblue
  chartreuse   Chocolate   Coral   Cornflowerblue
  Cornsilk   Crimson   Cyan   Darkblue
  Darkcyan   Darkgoldenrod   Darkgray   Darkgreen
  Darkkhaki   Darkmagenta   Darkolivegreen   Darkorange
  Darkorchid   Darkred   Darksalmon   Darkseagreen
  Darkslateblue   Darkslategray   darkturquoise   Darkviolet
  Deeppink   Deepskyblue   Dimgray   Dodgerblue
  Firebrick   Floralwhite   Forestgreen   Fuschia
  Gainsboro   Ghostwhite   Gold   Goldenrod
  Gray   Greenyellow   Honeydew   Hotpink
  Indianred   Indigo   Ivory   Khaki
  Lavender   Lavenderblush   Lemonchiffon   Lightblue
  Lightcoral   Lightcyan   Lightcoldenrodyellow   Lightgreen
  Lightgray   Lightpink   Lightsalmon   Lightseagreen
  Lightskyblue   Lightslategray   Lightsteelblue   Lightyellow
  Lime   Limegreen   Linen   Magenta
  Maroon   Mediumaquamarine   Mediumblue   Mediumorchid
  Mediumpurple   Mediumseagreen   Mediumslateblue   Mediumspringgreen
  Mediumturquoise   Mediumvioletred   Midnightblue   Mintcream
  Mistyrose   Navajowhite   Navy   Oldlace
  Olive   Olivedrab   Orangered   Orchid
  Palegoldenrod   Palegreen   Paleturquoise   Palevioletred
  Papayawhip   Peachpuff   Peru   Pink
  Plum   Powderblue   Rosybrown   Royalblue
  Saddlebrown   Seagreen   Seashell   Sienna
  Silver   Skyblue   Slateblue   Slategray
  Snow   Springgreen   Steelblue   Tan
  Teal   Thistle   Tomato   Turquoise
  Violet   Wheat   Whitesmoke   Yellowgreen
Перечень строчных литералов с названиями цветов довольно обширен и более чем достаточен. Если необходимо задать в качестве фонового цвет настолько необычный, что ему даже нет названия, то можно воспользоваться шестнадцатеричным значением.

Использование безопасной палитры цветов

К сожалению, на разных платформах, с разными системными настройками, правильная передача цвета является проблемой. Все дело в том, что браузер всегда старается подстроить цветовую палитру документа под системные настройки и возможности монитора, путем самостоятельного смешивания цветов и их замещения. Как результат - иногда пользователь видит не совсем то, что хотел ему показать web-мастер. Выход из этой ситуации был найден в применении палитры, каждый цвет которой гарантированно передается одинаково всеми браузерами на разных платформах. Это так называемая гарантированная палитра, еще ее называют безопасной палитрой. В эту палитру входят цвета, цветовые составляющие которых, принимают следующие значения:00,33,66,99, CC,FF, во всех возможных 216 их сочетаниях.

Hosted by uCoz