>>Управление цветом
Шестнадцатеричные значения цвета 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. |
В этом случае цвет задается тремя шестнадцатеричными числами, каждое из которых состоит из двух цифр. Первое число определяет интенсивность красного цвета, среднее- зеленого , последнее- синего цвета. Все числа могут принимать значения в диапазоне от 00 до FF (от 0 до 255). Например: зеленый цвет задается как #00FF00 , красный - как #FF0000 , синий - как #0000FF , белый - как #FFFFFF , полное отсутствие цвета или черный задается как #000000 .
В расположенной ниже форме Вы сможете задать любые шестнадцатеричные значения каждого из трех цветов и посмотреть результат их смешения, кликнув в поле вывода.
Примеры некоторых шестнадцатеричных значений цветов 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 их сочетаниях.
вид | код | вид | код | вид | код | вид | код | вид | код | вид | код |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
Влад Мержевич
В HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Шестнадцатеричные цвета
Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.
Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.
Типичный цвет, используемый в HTML, выглядит следующим образом.
Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.
FA | + | 8E | + | 47 | = | FA8E47 |
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
- Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
- Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
- Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.
Рис. 6.1. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.
Рис. 6.2. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых - красной, зеленой и синей - устанавливается одно из шести значений - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 - 216 цветов. Пример веб-цвета - #33FF66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
Цвета по названию
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 6.3 приведены имена популярных названий цветов.
Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
---|---|---|---|
black | Черный | #000000 | |
blue | Синий | #0000FF | |
fuchsia | Светло-фиолетовый | #FF00FF | |
gray | Темно-серый | #808080 | |
green | Зеленый | #008000 | |
lime | Светло-зеленый | #00FF00 | |
maroon | Темно-красный | #800000 | |
navy | Темно-синий | #000080 | |
olive | Оливковый | #808000 | |
purple | Темно-фиолетовый | #800080 | |
red | Красный | #FF0000 | |
silver | Светло-серый | #C0C0C0 | |
teal | Сине-зеленый | #008080 | |
white | Белый | #FFFFFF | |
yellow | Желтый | #FFFF00 |
Не имеет значения, каким способом вы задаете цвет - по его имени или с помощью шестнадцатеричных чисел. По своему действию эти способы равны. В примере 6.1 показано, как установить цвет фона и текста веб-страницы.
Пример 6.1. Цвет фона и текста
Пример текста
В данном примере цвет фона задается с помощью атрибута bgcolor тега
, а цвет текста через атрибут text . Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal .Цвета HTML
HTML цвета и способы их указания
В языке HTML, существует два способа указать цвет:
1. С помощью имени цвета,
2. С помощью системы RGB, где цвета заданы в шестнадцатеричном формате.
Имя цвета
Имя цвета в HTML указывается английскими словами, например red или green . Имя цвета выступает в качестве значения атрибута HTML-тега. Имён цветов очень много, в этой статье мы рассмотрим лишь основные из них.
Обычно для задания цвета, в языке HTML используют два атрибута:
1. Атрибут color="имя_цвета" — цвет текста,
2. Атрибут bgcolor="имя_цвета" — цвет фона.
Примеры использования цветовых атрибутов:
color="red" — назначаем тексту красный цвет,
bgcolor="green" — назначаем фону зелёный цвет.
Таблица основных имён цветов HTML:
Имя цвета | Его вид | Перевод |
---|---|---|
white | Белый | |
ivory | Слоновая кость | |
silver | Серебряный | |
gray | Серый | |
black | Чёрный | |
maroon | Тёмно-бордовый | |
red | Красный | |
orange | Оранжевый | |
gold | Золотой | |
yellow | Жёлтый | |
olive | Оливковый | |
lime | Лайм | |
green | Зелёный | |
aqua | Морская волна | |
blue | Синий | |
navy | Нави | |
teal | Бирюзовый | |
fuchsia | Фуксиновый | |
purple | Пурпурный |
Шестнадцатеричная система счисления
В повседневной жизни мы пользуемся десятичной системой счисления от 0 до 9 . Программисты и дизайнеры часто используют шестнадцатеричную систему счисления от 0 до 15 , где:
10 = A
11 = B
12 = C
13 = D
14 = E
15 = F
Практически каждый цвет и оттенок видимый нашему зрению можно записать в шестнадцатеричной системе, например красный цвет red (красный) в шестнадцатеричной системе будет равен ff0000
color="red" — красный цвет, по имени,
color="#ff0000" — красный цвет, в шестнадцатеричной системе счисления.
В языке HTML, перед шестнадцатеричным числом, в значении атрибута ставят знак решётки #
RGB
Перед тем как начать указывать цвета в HTML с помощью шестнадцатеричной системы счисления, вам для начала нужно узнать о таком понятии как R G B
RGB — это сокращение от слов R ed G reen B lue (Красный Зелёный Синий).
Цвет в HTML, записанный в шестнадцатеричной системе состоит из трех блоков чисел 00 00 00 , где каждый блок отвечает за один из цветов RGB, первый блок за красный цвет, второй за зелёный цвет, третий за синий цвет. Числа могут варьироваться от 00 до ff .
Где, ff — это 255 в десятичной системе счисления.
Схема RGB:
Red — от 00 до ff
Green — от 00 до ff
Blue — от 00 до ff
В итоге получаем число из шести цифр 000000 , где первые два числа отвечают за красный цвет, вторые два числа отвечают за зелёный цвет, третьи два числа отвечают за синий цвет.
Если мы хотим получить красный цвет, то пишем ff0000 , зелёный цвет 00ff00 , синий цвет 0000ff . Например, если хотим получить тёмно красный цвет, то нужно уменьшить первый блок чисел и вместо ff (который равен в десятичной системе счисления 255) , записать например 96 (который равен в десятичной системе счисления 150) .
Приведём для наглядности, примеры цветов и их шестнадцатеричный код:
Смешиваем цвета в HTML
Если вы в школе не пропускали занятия по рисованию, то наверняка помните, что при равномерном смешивании красного и зеленого цвета можно получить жёлтый,
при добавлении к красному цвету немного зелёного можно получить оранжевый и т.д.
Цвета, заданные с помощью шестнадцатеричной системы счисления и RGB, тоже можно смешивать:
Экспериментируя с шестнадцатеричной системой счисления и RGB, вы со временем освоитесь и сами сможете подбирать себе цвет, какой только захотите.
Для html страниц цвета обозначаются в основном в шестнадцатеричной системе. Для этого используют два вида записи кода - полную или сокращенную. Чтобы правильно указать html цвет полной записью необходимо прописать шесть знаков (цифры и/или английские буквы) после решетки, например, черный записывается так: #000000. Сокращенная запись указания html цветов состоит из решетки и трех цифр и/или букв за ней. При этом данный вид запаси можно использовать только в том случае, если полная запись данного цвета состоит одинаковых символов после решетки. Например, этот же черный цвет можно записать так: #000. Указывать html цвета можно как большими, так и маленькими символами, так как они не чувствительны к регистру.
Каждый символ, записанный после "#" соответствует определенной доли красного, зеленого и синего цветов. В свою очередь все мониторы состоят из огромного количества пикселей (микроскопических точек), каждый из которых включает в себя по 3 так называемых "фонарика" (источника света): красны, зеленый и синий. Затем, регулируя интенсивность излучаемого света этими "фонариками", монитор отображает нужный нам цвет.
Сочетая интенсивность излучения красного, синего и зеленого света (от 0 для 256) мониторы могут отображать 16.000.000 различных оттенков.
Также цвета для сайтов могут указываться словесно или в RGB коде.
На сегодняшний день словесно можно прописать 147 цветов. При этом важно знать, что некоторые разные названия могут обозначать одинаковые цвета, например Gray и Grey - это серый цвет (#808080).
Безопасные цвета для сайтов.
Не каждый монитор и браузер может правильно отображать все 16 миллионов html цветов.
Если, например, попадается такой цвет, который браузер не может правильно отобразить, то:
- Браузер заменяет его на тот, который больше всего на него похож и может быть удачно воспроизведен;
- Для правильного отображения браузер может смешать несколько цветов и воспроизвести результат.
Чтобы гарантированно получить на выходе в любом браузере и на любом мониторе тот цвет, который Вы прописали в коде, рекомендуется использовать "Безопасные цвета". Они были определены не вручную или по чьему-то желанию, а математически. Таких на 100% безопасных цветов для html документов существует 216. И хотя сегодняшние технологии дошли до того, что современные мониторы и браузеры распознают миллионы оттенков, мы рекомендуем для гарантии цветопередачи использовать именно эти безопасные цвета.
Шестнадцатеричная система цветов. | Коды цветов в RGB (Red, Green, Blue). |
Код html цвета: #000000 | Цвет RGB: 0 0 0 |
Код html цвета: #333333 | Цвет RGB: 51 51 51 |
Код html цвета: #666666 | Цвет RGB: 102 102 102 |
Код html цвета: #999999 | Цвет RGB: 153 153 153 |
Код html цвета: #CCCCCC | Цвет RGB: 204 204 204 |
Код html цвета: #FFFFFF | Цвет RGB: 255 255 255 |
Код html цвета: #666600 | Цвет RGB: 102 102 0 |
Код html цвета: #999900 | Цвет RGB: 153 153 0 |
Код html цвета: #999933 | Цвет RGB: 153 153 51 |
Код html цвета: #999966 | Цвет RGB: 153 153 102 |
Код html цвета: #CCCC33 | Цвет RGB: 204 204 51 |
Код html цвета: #CCCC66 | Цвет RGB: 204 204 102 |
Код html цвета: #333300 | Цвет RGB: 51 51 0 |
Код html цвета: #666633 | Цвет RGB: 102 102 51 |
Код html цвета: #CCCC99 | Цвет RGB: 204 204 153 |
Код html цвета: #CCFF33 | Цвет RGB: 204 255 51 |
Код html цвета: #CCFF00 | Цвет RGB: 204 255 0 |
Код html цвета: #CCFF66 | Цвет RGB: 204 255 102 |
Код html цвета: #669900 | Цвет RGB: 102 153 0 |
Код html цвета: #99CC33 | Цвет RGB: 153 204 51 |
Код html цвета: #99CC00 | Цвет RGB: 153 204 0 |
Код html цвета: #99CC66 | Цвет RGB: 153 204 102 |
Код html цвета: #99FF33 | Цвет RGB: 153 255 51 |
Код html цвета: #99FF00 | Цвет RGB: 153 255 0 |
Код html цвета: #336600 | Цвет RGB: 51 102 0 |
Код html цвета: #669933 | Цвет RGB: 102 153 51 |
Код html цвета: #66CC33 | Цвет RGB: 102 204 51 |
Код html цвета: #66CC00 | Цвет RGB: 102 204 0 |
Код html цвета: #99FF66 | Цвет RGB: 153 255 102 |
Код html цвета: #CCFF99 | Цвет RGB: 204 255 153 |
Код html цвета: #009900 | Цвет RGB: 0 153 0 |
Код html цвета: #339900 | Цвет RGB: 51 153 0 |
Код html цвета: #33CC00 | Цвет RGB: 51 204 0 |
Код html цвета: #33FF00 | Цвет RGB: 51 255 0 |
Код html цвета: #66FF33 | Цвет RGB: 102 255 51 |
Код html цвета: #66FF00 | Цвет RGB: 102 255 0 |
Код html цвета: #00CC33 | Цвет RGB: 0 204 51 |
Код html цвета: #33CC33 | Цвет RGB: 51 204 51 |
Код html цвета: #00CC00 | Цвет RGB: 0 204 0 |
Код html цвета: #00FF00 | Цвет RGB: 0 255 0 |
Код html цвета: #00FF33 | Цвет RGB: 0 255 51 |
Код html цвета: #33FF33 | Цвет RGB: 51 255 51 |
Код html цвета: #003300 | Цвет RGB: 0 51 0 |
Код html цвета: #336633 | Цвет RGB: 51 102 51 |
Код html цвета: #669966 | Цвет RGB: 102 153 102 |
Код html цвета: #66CC66 | Цвет RGB: 102 204 102 |
Код html цвета: #99CC99 | Цвет RGB: 153 204 153 |
Код html цвета: #CCFFCC | Цвет RGB: 204 255 204 |
Код html цвета: #006600 | Цвет RGB: 0 102 0 |
Код html цвета: #339933 | Цвет RGB: 51 153 51 |
Код html цвета: #00FF66 | Цвет RGB: 0 255 102 |
Код html цвета: #33FF66 | Цвет RGB: 51 255 102 |
Код html цвета: #66FF66 | Цвет RGB: 102 255 102 |
Код html цвета: #99FF99 | Цвет RGB: 153 255 153 |
Код html цвета: #009933 | Цвет RGB: 0 153 51 |
Код html цвета: #00CC66 | Цвет RGB: 0 204 102 |
Код html цвета: #33CC66 | Цвет RGB: 51 204 102 |
Код html цвета: #00FF99 | Цвет RGB: 0 255 153 |
Код html цвета: #33FF99 | Цвет RGB: 51 255 153 |
Код html цвета: #66FF99 | Цвет RGB: 102 255 153 |
Код html цвета: #006633 | Цвет RGB: 0 102 51 |
Код html цвета: #009966 | Цвет RGB: 0 153 102 |
Код html цвета: #339966 | Цвет RGB: 51 153 102 |
Код html цвета: #00CC99 | Цвет RGB: 0 204 153 |
Код html цвета: #33CC99 | Цвет RGB: 51 204 153 |
Код html цвета: #66CC99 | Цвет RGB: 102 204 153 |
Код html цвета: #009999 | Цвет RGB: 0 153 153 |
Код html цвета: #33CCCC | Цвет RGB: 51 204 204 |
Код html цвета: #00FFCC | Цвет RGB: 0 255 204 |
Код html цвета: #33FFCC | Цвет RGB: 51 255 204 |
Код html цвета: #66FFCC | Цвет RGB: 102 255 204 |
Код html цвета: #99FFCC | Цвет RGB: 153 255 204 |
Код html цвета: #00CCCC | Цвет RGB: 0 204 204 |
Код html цвета: #00FFFF | Цвет RGB: 0 255 255 |
Код html цвета: #33FFFF | Цвет RGB: 51 255 255 |
Код html цвета: #66FFFF | Цвет RGB: 102 255 255 |
Код html цвета: #99FFFF | Цвет RGB: 153 255 255 |
Код html цвета: #CCFFFF | Цвет RGB: 204 255 255 |
Код html цвета: #336666 | Цвет RGB: 51 102 102 |
Код html цвета: #006666 | Цвет RGB: 0 102 102 |
Код html цвета: #669999 | Цвет RGB: 102 153 153 |
Код html цвета: #339999 | Цвет RGB: 51 153 153 |
Код html цвета: #66CCCC | Цвет RGB: 102 204 204 |
Код html цвета: #99CCCC | Цвет RGB: 153 204 204 |
Код html цвета: #003333 | Цвет RGB: 0 51 51 |
Код html цвета: #0099CC | Цвет RGB: 0 153 204 |
Код html цвета: #3399CC | Цвет RGB: 51 153 204 |
Код html цвета: #00CCFF | Цвет RGB: 0 204 255 |
Код html цвета: #33CCFF | Цвет RGB: 51 204 255 |
Код html цвета: #66CCFF | Цвет RGB: 102 204 255 |
Код html цвета: #006699 | Цвет RGB: 0 102 153 |
Код html цвета: #336699 | Цвет RGB: 51 102 153 |
Код html цвета: #6699CC | Цвет RGB: 102 153 204 |
Код html цвета: #0099FF | Цвет RGB: 0 153 255 |
Код html цвета: #3399FF | Цвет RGB: 51 153 255 |
Код html цвета: #99CCFF | Цвет RGB: 153 204 255 |
Код html цвета: #003366 | Цвет RGB: 0 51 102 |
Код html цвета: #003399 | Цвет RGB: 0 51 153 |
Код html цвета: #0033FF | Цвет RGB: 0 51 255 |
Код html цвета: #3366CC | Цвет RGB: 51 102 204 |
Код html цвета: #0066CC | Цвет RGB: 0 102 204 |
Код html цвета: #0066FF | Цвет RGB: 0 102 255 |
Код html цвета: #000033 | Цвет RGB: 0 0 51 |
Код html цвета: #0033CC | Цвет RGB: 0 51 204 |
Код html цвета: #0000CC | Цвет RGB: 0 0 204 |
Код html цвета: #0000FF | Цвет RGB: 0 0 255 |
Код html цвета: #3366FF | Цвет RGB: 51 102 255 |
Код html цвета: #6699FF | Цвет RGB: 102 153 255 |
Код html цвета: #000066 | Цвет RGB: 0 0 102 |
Код html цвета: #000099 | Цвет RGB: 0 0 153 |
Код html цвета: #3333CC | Цвет RGB: 51 51 204 |
Код html цвета: #3300CC | Цвет RGB: 51 0 204 |
Код html цвета: #3300FF | Цвет RGB: 51 0 255 |
Код html цвета: #3333FF | Цвет RGB: 51 51 255 |
Код html цвета: #333366 | Цвет RGB: 51 51 102 |
Код html цвета: #333399 | Цвет RGB: 51 51 153 |
Код html цвета: #666699 | Цвет RGB: 102 102 153 |
Код html цвета: #6666CC | Цвет RGB: 102 102 204 |
Код html цвета: #6666FF | Цвет RGB: 102 102 255 |
Код html цвета: #9999CC | Цвет RGB: 153 153 204 |
Код html цвета: #330066 | Цвет RGB: 51 0 102 |
Код html цвета: #330099 | Цвет RGB: 51 0 153 |
Код html цвета: #6600FF | Цвет RGB: 102 0 255 |
Код html цвета: #6633FF | Цвет RGB: 102 51 255 |
Код html цвета: #9999FF | Цвет RGB: 153 153 255 |
Код html цвета: #CCCCFF | Цвет RGB: 204 204 255 |
Код html цвета: #330033 | Цвет RGB: 51 0 51 |
Код html цвета: #663399 | Цвет RGB: 102 51 153 |
Код html цвета: #6633CC | Цвет RGB: 102 51 204 |
Код html цвета: #6600CC | Цвет RGB: 102 0 204 |
Код html цвета: #9966FF | Цвет RGB: 153 102 255 |
Код html цвета: #9966CC | Цвет RGB: 153 102 204 |
Код html цвета: #663366 | Цвет RGB: 102 51 102 |
Код html цвета: #660099 | Цвет RGB: 102 0 153 |
Код html цвета: #9900FF | Цвет RGB: 153 0 255 |
Код html цвета: #9933FF | Цвет RGB: 153 51 255 |
Код html цвета: #9933CC | Цвет RGB: 153 51 204 |
Код html цвета: #CC99FF | Цвет RGB: 204 153 255 |
Код html цвета: #660066 | Цвет RGB: 102 0 102 |
Код html цвета: #996699 | Цвет RGB: 153 102 153 |
Код html цвета: #9900CC | Цвет RGB: 153 0 204 |
Код html цвета: #CC00FF | Цвет RGB: 204 0 255 |
Код html цвета: #CC33FF | Цвет RGB: 204 51 255 |
Код html цвета: #CC66FF | Цвет RGB: 204 102 255 |
Код html цвета: #993399 | Цвет RGB: 153 51 153 |
Код html цвета: #990099 | Цвет RGB: 153 0 153 |
Код html цвета: #CC33CC | Цвет RGB: 204 51 204 |
Код html цвета: #CC00CC | Цвет RGB: 204 0 204 |
Код html цвета: #CC66CC | Цвет RGB: 204 102 204 |
Код html цвета: #CC99CC | Цвет RGB: 204 153 204 |
Код html цвета: #CC3399 | Цвет RGB: 204 51 153 |
Код html цвета: #FF00FF | Цвет RGB: 255 0 255 |
Код html цвета: #FF33FF | Цвет RGB: 255 51 255 |
Код html цвета: #FF66FF | Цвет RGB: 255 102 255 |
Код html цвета: #FF99FF | Цвет RGB: 255 153 255 |
Код html цвета: #FFCCFF | Цвет RGB: 255 204 255 |
Код html цвета: #990066 | Цвет RGB: 153 0 102 |
Код html цвета: #CC0099 | Цвет RGB: 204 0 153 |
Код html цвета: #CC6699 | Цвет RGB: 204 102 153 |
Код html цвета: #FF33CC | Цвет RGB: 255 51 204 |
Код html цвета: #FF00CC | Цвет RGB: 255 0 204 |
Код html цвета: #FF66CC | Цвет RGB: 255 102 204 |
Код html цвета: #660033 | Цвет RGB: 102 0 51 |
Код html цвета: #993366 | Цвет RGB: 153 51 102 |
Код html цвета: #CC0066 | Цвет RGB: 204 0 102 |
Код html цвета: #FF0099 | Цвет RGB: 255 0 153 |
Код html цвета: #FF3399 | Цвет RGB: 255 51 153 |
Код html цвета: #FF99CC | Цвет RGB: 255 153 204 |
Код html цвета: #663333 | Цвет RGB: 102 51 51 |
Код html цвета: #996666 | Цвет RGB: 153 102 102 |
Код html цвета: #CC3366 | Цвет RGB: 204 51 102 |
Код html цвета: #FF0066 | Цвет RGB: 255 0 102 |
Код html цвета: #FF3366 | Цвет RGB: 255 51 102 |
Код html цвета: #FF6699 | Цвет RGB: 255 102 153 |
Код html цвета: #330000 | Цвет RGB: 51 0 0 |
Код html цвета: #990033 | Цвет RGB: 153 0 51 |
Код html цвета: #993333 | Цвет RGB: 153 51 51 |
Код html цвета: #CC3333 | Цвет RGB: 204 51 51 |
Код html цвета: #CC6666 | Цвет RGB: 204 102 102 |
Код html цвета: #CC9999 | Цвет RGB: 204 153 153 |
Код html цвета: #CC0033 | Цвет RGB: 204 0 51 |
Код html цвета: #FF0033 | Цвет RGB: 255 0 51 |
Код html цвета: #FF3333 | Цвет RGB: 255 51 51 |
Код html цвета: #FF6666 | Цвет RGB: 255 102 102 |
Код html цвета: #FF9999 | Цвет RGB: 255 153 153 |
Код html цвета: #FFCCCC | Цвет RGB: 255 204 204 |
Код html цвета: #990000 | Цвет RGB: 153 0 0 |
Код html цвета:#CC0000 | Цвет RGB: 204 0 0 |
Код html цвета: #FF0000 | Цвет RGB: 255 0 0 |
Код html цвета: #FF3300 | Цвет RGB: 255 51 0 |
Код html цвета: #CC3300 | Цвет RGB: 204 51 0 |
Код html цвета: #FF6633 | Цвет RGB: 255 102 51 |
Код html цвета: #660000 | Цвет RGB: 102 0 0 |
Код html цвета: #993300 | Цвет RGB: 153 51 0 |
Код html цвета: #CC6633 | Цвет RGB: 204 102 51 |
Код html цвета: #FF6600 | Цвет RGB: 255 102 0 |
Код html цвета: #FF9966 | Цвет RGB: 255 153 102 |
Код html цвета: #FFCC99 | Цвет RGB: 255 204 153 |
Код html цвета: #663300 | Цвет RGB: 102 51 0 |
Код html цвета: #996633 | Цвет RGB: 153 102 51 |
Код html цвета: #CC6600 | Цвет RGB: 204 102 0 |
Код html цвета: #CC9966 | Цвет RGB: 204 153 102 |
Код html цвета: #FF9933 | Цвет RGB: 255 153 51 |
Код html цвета: #FF9900 | Цвет RGB: 255 153 0 |
Код html цвета: #996600 | Цвет RGB: 153 102 0 |
Код html цвета: #CC9933 | Цвет RGB: 204 153 51 |
Код html цвета: #CC9900 | Цвет RGB: 204 153 0 |
Код html цвета: #FFCC33 | Цвет RGB: 255 204 51 |
Код html цвета: #FFCC00 | Цвет RGB: 255 204 0 |
Код html цвета: #FFCC66 | Цвет RGB: 255 204 102 |
Код html цвета: #CCCC00 | Цвет RGB: 204 204 0 |
Код html цвета: #FFFF00 | Цвет RGB: 255 255 0 |
Код html цвета: #FFFF33 | Цвет RGB: 255 255 51 |
Код html цвета: #FFFF66 | Цвет RGB: 255 255 102 |
Код html цвета: #FFFF99 | Цвет RGB: 255 255 153 |
Код html цвета: #FFFFCC | Цвет RGB: 255 255 204 |
Данная таблица включает в себя 216 кодов безопасных html цветов. Каждый цвет имеет значение в RGB для определения цвета в графических редакторах и HEX для указания цвета на html страницах.