Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.
Коды цветов html
Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).
Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).
Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.
Коды (значения) цветов
#000000 | rgb(0,0,0) |
#FF0000 | rgb(255,0,0) |
#00FF00 | rgb(0,255,0) |
#0000FF | rgb(0,0,255) |
#FFFF00 | rgb(255,255,0) |
#00FFFF | rgb(0,255,255) |
#FF00FF | rgb(255,0,255) |
#C0C0C0 | rgb(192,192,192) |
#FFFFFF | rgb(255,255,255) |
16 миллионов оттенков
Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).
Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).
В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:
#000000 | rgb(0,0,0) |
#080000 | rgb(8,0,0) |
#100000 | rgb(16,0,0) |
#180000 | rgb(24,0,0) |
#200000 | rgb(32,0,0) |
#280000 | rgb(40,0,0) |
#300000 | rgb(48,0,0) |
#380000 | rgb(56,0,0) |
#400000 | rgb(64,0,0) |
#480000 | rgb(72,0,0) |
#500000 | rgb(80,0,0) |
#580000 | rgb(88,0,0) |
#600000 | rgb(96,0,0) |
#680000 | rgb(104,0,0) |
#700000 | rgb(112,0,0) |
#780000 | rgb(120,0,0) |
#800000 | rgb(128,0,0) |
#880000 | rgb(136,0,0) |
#900000 | rgb(144,0,0) |
#980000 | rgb(152,0,0) |
#A00000 | rgb(160,0,0) |
#A80000 | rgb(168,0,0) |
#B00000 | rgb(176,0,0) |
#B80000 | rgb(184,0,0) |
#C00000 | rgb(192,0,0) |
#C80000 | rgb(200,0,0) |
#D00000 | rgb(208,0,0) |
#D80000 | rgb(216,0,0) |
#E00000 | rgb(224,0,0) |
#E80000 | rgb(232,0,0) |
#F00000 | rgb(240,0,0) |
#F80000 | rgb(248,0,0) |
#FF0000 | rgb(255,0,0) |
Оттенки серого
Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета
#000000 | rgb(0,0,0) |
#080808 | rgb(8,8,8) |
#101010 | rgb(16,16,16) |
#181818 | rgb(24,24,24) |
#202020 | rgb(32,32,32) |
#282828 | rgb(40,40,40) |
#303030 | rgb(48,48,48) |
#383838 | rgb(56,56,56) |
#404040 | rgb(64,64,64) |
#484848 | rgb(72,72,72) |
#505050 | rgb(80,80,80) |
#585858 | rgb(88,88,88) |
#606060 | rgb(96,96,96) |
#686868 | rgb(104,104,104) |
#707070 | rgb(112,112,112) |
#787878 | rgb(120,120,120) |
#808080 | rgb(128,128,128) |
#888888 | rgb(136,136,136) |
#909090 | rgb(144,144,144) |
#989898 | rgb(152,152,152) |
#A0A0A0 | rgb(160,160,160) |
#A8A8A8 | rgb(168,168,168) |
#B0B0B0 | rgb(176,176,176) |
#B8B8B8 | rgb(184,184,184) |
#C0C0C0 | rgb(192,192,192) |
#C8C8C8 | rgb(200,200,200) |
#D0D0D0 | rgb(208,208,208) |
#D8D8D8 | rgb(216,216,216) |
#E0E0E0 | rgb(224,224,224) |
#E8E8E8 | rgb(232,232,232) |
#F0F0F0 | rgb(240,240,240) |
#F8F8F8 | rgb(248,248,248) |
#FFFFFF | rgb(255,255,255) |
Кросс-браузерные (для всех браузеров) названия цветов html
Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.
Посмотреть коллекцию.
Стандартизированные названия цветов
Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).
При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.
Безопасные цвета
- Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.
- Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.
- Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Интересное:
Изменение цвета фона страницы в css Вставка изображения в html
HTML Цвета
В HTML цвет можно задавать тремя способами:
Задание цвета в HTML по его названию
Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др:
Цвет текста – красный
Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C):
Black | Gray | Silver | White |
Yellow | Lime | Aqua | Fuchsia |
Red | Green | Blue | Purple |
Maroon | Olive | Navy | Teal |
Пример использования различных цветовых названий:
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью RGB
При отображении различных цветов на мониторе за основу берется RGB-палитра. Любой цвет получают, смешивая три основных: R — красный (red), G — зеленый (green), В — синий (blue). Яркость каждого цвета задается одним байтом и, следовательно, может принимать значения от 0 до 255.
Например, RGB (255,0,0) отображается как красный, так как красный устанавливается в его самое высокое значение (255), а остальные установлены в 0. Также можно задавать цвет в процентном отношении. Каждый из параметров обозначает уровень яркости соответствующего цвета.
Например: значения rgb(127, 255, 127) и rgb(50%, 100%, 50%) будут задавать одинаковый зеленый цвет средней насыщенности:
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению
Значения RGB также могут быть указаны с помощью шестнадцатеричных (HEX) значений цвета в форме: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными значениями от 00 до FF (так же, как десятичное 0-255).
Шестнадцатеричная система, в отличие десятичной системы, базируется, как следует из ее названия, на числе 16. Шестнадцатеричная система использует следующие знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Здесь цифры от 10 до 15 заменены латинскими буквами.
Числа больше 15 в шестнадцатеричной системе представляют из себя объединением двух знаков в одно значение. Например, наибольшему числу 255 в десятичной системе соответствует самое высокое значение FF в шестнадцатеричной системе.
В отличие десятичной системы, перед шестнадцатеричным числом ставят символ решетки #, например, #FF0000 отображается как красный цвет, так как красный устанавливается в его самое высокое значение (FF), а остальным цветам установлено минимальное значение (00).
Знаки после символа решетки # можно набирать как прописными, так и строчными. Шестнадцатеричная система позволяет использовать сокращенную форму вида #rgb, где каждый символ равнозначен удвоенному. Так, запись #f7O следует расценивать как #ff7700.
красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, HEX и RGB):
Амарантовый | #E52B50 | 229 | 43 | 80 |
Янтарный | #FFBF00 | 255 | 191 | |
Сине-зеленый | #00FFFF | 255 | 255 | |
Лазурный | #007FFF | 127 | 255 | |
Черный | #000000 | |||
Синий | #0000FF | 255 | ||
Вода пляжа Бонди | #0095B6 | 149 | 182 | |
Латунный | #B5A642 | 181 | 166 | 66 |
Коричневый | #964B00 | 150 | 75 | |
Лазурный | #007BA7 | 123 | 167 | |
Тёмный весенне-зелёный | #177245 | 23 | 114 | 69 |
Изумрудный | #50C878 | 80 | 200 | 120 |
Баклажановый | #990066 | 153 | 102 | |
Фуксия | #FF00FF | 255 | 255 | |
Золотой | #FFD700 | 250 | 215 | |
Серый | #808080 | 128 | 128 | 128 |
Зелёный | #00FF00 | 255 | ||
Индиго | #4B0082 | 75 | 130 | |
Нефритовый | #00A86B | 168 | 107 | |
Лайм | #CCFF00 | 204 | 255 | |
Малахитовый | #0BDA51 | 11 | 218 | 81 |
Тёмно-синий | #000080 | 128 | ||
Охра | #CC7722 | 204 | 119 | 34 |
Оливковый | #808000 | 128 | 128 | |
Оранжевый | #FFA500 | 255 | 165 | |
Персиковый | #FFE5B4 | 255 | 229 | 180 |
Тыква | #FF7518 | 255 | 117 | 24 |
Фиолетовый | #800080 | 128 | 128 | |
Красный | #FF0000 | 255 | ||
Шафрановый | #F4C430 | 244 | 196 | 48 |
Зелёное море | #2E8B57 | 46 | 139 | 87 |
Болотный | #ACB78E | 172 | 183 | 142 |
Сине-зелёный | #008080 | 128 | 128 | |
Ультрамариновый | #120A8F | 18 | 10 | 143 |
Фиолетовый | #8B00FF | 139 | 255 | |
Жёлтый | #FFFF00 | 255 | 255 |
Коды цветов (фон) по насыщенности и оттенку: HTML Таблица цветов
Задачи
Таблица HTML цветов — коды и названия
Коды цветов HTML — это шестнадцатеричные триплеты, представляющие цвета красный, зеленый и синий (#RRGGBB). Например, в красном цвете код цвета # FF0000, который является «255» красным, «0» зеленым и «0» синим. Эти цветовые коды можно использовать для изменения цвета фона, текста и таблиц на веб-странице через CSS.
Цветовая схема
Совет. Используйте наш выбор цвета HTML, если вам нужно выбрать из почти бесконечного множества цветов.
Черные — Серые — Блюз — Зеленые — Желтые — Коричневые — Оранжевые — Красные — Розовые — Фиолетовые
Цвета, которые составляют # FF0000
W3C Название цвета: Красный
RGB: 255, 0, 0 — HSL: 0,00, 1,00, 0,50
CSS Сокращение: #F00
Web Safe Цвет: Да
Пример цвета текста с использованием #FF0000
Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Ваш текст здесь
Более светлые цвета
Темные цвета
Аналогичные цвета
Тройные цвета
Цвета, которые составляют #FFFFFF
W3C Цветное имя: Белый
RGB: 255, 255, 255 — HSL: 0,00, 0,00, 1,00
CSS Сокращение : #FFF
Web Safe Цвет: Да
Пример цвета текста с использованием #FFFFFF
Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Ваш текст здесь
Более светлые цвета
Темные цвета
Аналогичные цвета
Тройные цвета
Цвета, составляющие # 000000
W3C Цветное имя: Black
RGB: 0, 0, 0 — HSL: 0,00, 0,00, 0,00
CSS Сокращение: # 000
Web Safe Цвет: Да
Пример цвета текста с использованием # 000000
Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Ваш текст здесь
Более светлые цвета
Тройные цвета
Цвета, которые составляют #0000FF
W3C Название цвета: синий
RGB: 0, 0, 255 — HSL: 0,67, 1,00, 0,50
CSS Сокращение : # 00F
Веб-сейф Цвет: Да
Пример цвета текста с использованием # 0000FF
Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.
Ваш текст здесь
Более светлые цвета
Темные цвета
Аналогичные цвета
Тройное сочетание цветов
HTML цвета. Имена цветов HTML, CSS, SVG
Одной из составляющих представления веб-страниц в интернете является цвет, современные браузеры принимают и воспроизводят его, используя цветовые модели RGB, HSL, или же ключевые слова (названия).
Значения цвета в HTML может быть задано одним из следующих способов.
- RGB:
в шестнадцатеричном коде (hex): #008800 или его сокращенном написании: #080.
в процентах: rgb(80%, 20%, 30%), числами от 0 до 255: rgb(240, 120, 10). - По имени: Teal или teal (регистр значения не имеет).
- HSL:в процентах: hsl(195, 60%, 40%).
white | #ffffff | 255, 255, 255 | 0°, 0%, 100% |
silver | #c0c0c0 | 192, 192, 192 | 0°, 0%, 75% |
gray | #808080 | 128, 128, 128 | 0°, 0%, 50% |
black | #000000 | 0, 0, 0 | 0°, 0%, 0% |
red | #ff0000 | 255, 0, 0 | 0°, 100%, 50% |
maroon | #800000 | 128, 0, 0 | 0°, 100%, 25% |
fuchsia | #ff00ff | 255, 0, 255 | 300°, 100%, 50% |
purple | #800080 | 128, 0, 128 | 300°, 100%, 25% |
lime | #00ff00 | 0, 100, 0 | 120°, 100%, 50% |
green | #008000 | 0, 128, 0 | 120°, 100%, 25% |
yellow | #ffff00 | 255, 255, 0 | 60°, 100%, 50% |
olive | #808000 | 128, 128, 0 | 60°, 100%, 25% |
aqua | #00ffff | 0, 255, 255 | 180°, 100%, 50% |
teal | #008080 | 0, 128, 128 | 180°, 100%, 25% |
blue | #0000ff | 0, 0, 255 | 240°, 100%, 50% |
navy | #000080 | 0, 0, 128 | 240°, 100%, 25% |
Согласно последним рекомендациям W3C, применение элементов и атрибутов HTML для указания цвета (к примеру: style=»color: #0000ff;») устарело, и в качестве альтернативы предложено использовать каскадные таблицы стилей — CSS.
Имена цветов CSS, SVG
В отличие от Html, в котором стандартными являются 16 цветов, спецификации CSS и SVG, определяют более расширенный список имен, состоящий из 147 названий.
Однако, несмотря на наличие в списке сто сорока семи наименований, оригинальные значения имеют только 138, так как все серые цвета могут быть указаны как через «a», так и через «e» (grAy или grEy), а fuchsia и aqua имеют альтернативные имена: magenta и cyan соответственно (последние не поддерживаются HTML 4.01).
Приведенная ниже таблица представляет имена цветов и их значения в HSL и HEX. При использовании имен, следует помнить, что синтаксис SVG отличается от HTML и CSS: атрибут fill, к примеру, применяется как к цвету текста (color), так и объекта (background-color), а stroke используются для задания контура (обводки) элемента.
white | #ffffffhex | 0°, 0%, 100% |
ivory | #fffff0hex | 60°, 100%, 97% |
lightyellow | #ffffe0hex | 60°, 100%, 94% |
yellow | #ffff00hex | 60°, 100%, 50% |
snow | #fffafahex | 0°, 100%, 99% |
floralwhite | #fffaf0hex | 40°, 100%, 97% |
lemonchiffon | #fffacdhex | 54°, 100%, 90% |
cornsilk | #fff8dchex | 48°, 100%, 93% |
seashell | #fff5eehex | 25°, 100%, 97% |
lavenderblush | #fff0f5hex | 340°, 100%, 97% |
papayawhip | #ffefd5hex | 37°, 100%, 92% |
blanchedalmond | #ffebcdhex | 36°, 100%, 90% |
mistyrose | #ffe4e1hex | 6°, 100%, 94% |
bisque | #ffe4c4hex | 33°, 100%, 88% |
moccasin | #ffe4b5hex | 38°, 100%, 86% |
navajowhite | #ffdeadhex | 36°, 100%, 84% |
peachpuff | #ffdab9hex | 28°, 27%, 100% |
gold | #ffd700hex | 51°, 100%, 50% |
pink | #ffc0cbhex | 350°, 100%, 88% |
lightpink | #ffb6c1hex | 351°, 100%, 86% |
orange | #ffa500hex | 39°, 100%, 50% |
lightsalmon | #ffa07ahex | 17°, 100%, 74% |
darkorange | #ff8c00hex | 33°, 100%, 50% |
coral | #ff7f50hex | 16°, 100%, 66% |
hotpink | #ff69b4hex | 330°, 100%, 71% |
tomato | #ff6347hex | 9°, 100%, 64% |
orangered | #ff4500hex | 16°, 100%, 50% |
deeppink | #ff1493hex | 328°, 100%, 54% |
magenta, fuchsia | #ff00ffhex | 300°, 100%, 50% |
red | #ff0000hex | 0°, 100%, 50% |
oldlace | #fdf5e6hex | 39°, 85%, 95% |
lightgoldenrodyellow | #fafad2hex | 60°, 80%, 90% |
linen | #faf0e6hex | 30°, 67%, 94% |
antiquewhite | #faebd7hex | 34°, 78%, 91% |
salmon | #fa8072hex | 6°, 93%, 71% |
ghostwhite | #f8f8ffhex | 240°, 100%, 99% |
mintcream | #f5fffahex | 150°, 100%, 98% |
whitesmoke | #f5f5f5hex | 0°, 0%, 96% |
beige | #f5f5dchex | 60°, 56%, 91% |
wheat | #f5deb3hex | 39°, 77%, 83% |
sandybrown | #f4a460hex | 28°, 87%, 67% |
azure | #f0ffffhex | 180°, 100%, 97% |
honeydew | #f0fff0hex | 120°, 100%, 97% |
aliceblue | #f0f8ffhex | 208°, 100%, 97% |
khaki | #f0e68chex | 54°, 77%, 75% |
lightcoral | #f08080hex | 0°, 79%, 72% |
palegoldenrod | #eee8aahex | 55°, 67%, 80% |
violet | #ee82eehex | 300°, 76%, 72% |
darksalmon | #e9967ahex | 15°, 72%, 70% |
lavender | #e6e6fahex | 240°, 67%, 94% |
lightcyan | #e0ffffhex | 180°, 100%, 94% |
burlywood | #deb887hex | 34°, 57%, 70% |
plum | #dda0ddhex | 300°, 47%, 75% |
gainsboro | #dcdcdchex | 0°, 0%, 86% |
crimson | #dc143chex | 348°, 83%, 47% |
palevioletred | #db7093hex | 340°, 60%, 65% |
goldenrod | #daa520hex | 43°, 74%, 49% |
orchid | #da70d6hex | 302°, 59%, 65% |
thistle | #d8bfd8hex | 300°, 24%, 80% |
lightgray, lightgrey | #d3d3d3hex | 0°, 0%, 83% |
tan | #d2b48chex | 34°, 44%, 67% |
chocolate | #d2691ehex | 25°, 75%, 47% |
peru | #cd853fhex | 30°, 59%, 53% |
indianred | #cd5c5chex | 0°, 53%, 58% |
mediumvioletred | #c71585hex | 322°, 81%, 43% |
silver | #c0c0c0hex | 0°, 0%, 75% |
darkkhaki | #bdb76bhex | 56°, 38%, 58% |
rosybrown | #bc8f8fhex | 0°, 25%, 65% |
mediumorchid | #ba55d3hex | 288°, 59%, 58% |
darkgoldenrod | #b8860bhex | 43°, 89%, 38% |
firebrick | #b22222hex | 0°, 68%, 42% |
powderblue | #b0e0e6hex | 187°, 52%, 80% |
lightsteelblue | #b0c4dehex | 214°, 41%, 78% |
paleturquoise | #afeeeehex | 180°, 65%, 81% |
greenyellow | #adff2fhex | 84°, 100%, 59% |
lightblue | #add8e6hex | 195°, 53%, 79% |
darkgray, darkgrey | #a9a9a9hex | 0°, 0%, 66% |
brown | #a52a2ahex | 0°, 59%, 41% |
sienna | #a0522dhex | 19°, 56%, 40% |
yellowgreen | #9acd32hex | 80°, 61%, 50% |
darkorchid | #9932cchex | 280°, 61%, 50% |
palegreen | #98fb98hex | 120°, 93%, 79% |
darkviolet | #9400d3hex | 282°, 100%, 41% |
mediumpurple | #9370dbhex | 260°, 60%, 65% |
lightgreen | #90ee90hex | 120°, 73%, 75% |
darkseagreen | #8fbc8fhex | 120°, 25%, 65% |
saddlebrown | #8b4513hex | 25°, 76%, 31% |
darkmagenta | #8b008bhex | 300°, 100%, 27% |
darkred | #8b0000hex | 0°, 100%, 27% |
blueviolet | #8a2be2hex | 271°, 76%, 53% |
lightskyblue | #87cefahex | 203°, 92%, 76% |
skyblue | #87ceebhex | 197°, 71%, 73% |
gray, grey | #808080hex | 0°, 0%, 50% |
olive | #808000hex | 60°, 100%, 25% |
purple | #800080hex | 300°, 100%, 25% |
maroon | #800000hex | 0°, 100%, 25% |
aquamarine | #7fffd4hex | 160°, 100%, 75% |
chartreuse | #7fff00hex | 90°, 100%, 50% |
lawngreen | #7cfc00hex | 91°, 100%, 4% |
mediumslateblue | #7b68eehex | 249°, 80%, 67% |
lightslategray, lightslategrey | #778899hex | 210°, 14%, 53% |
slategray или slategrey | #708090hex | 210°, 13%, 50% |
olivedrab | #6b8e23hex | 80°, 61%, 35% |
slateblue | #6a5acdhex | 248°, 54%, 58% |
dimgray, dimgrey | #696969hex | 0°, 0%, 41% |
mediumaquamarine | #66cdaahex | 160°, 51%, 60% |
rebeccapurple | #663399hex | 270°, 50%, 40% |
cornflowerblue | #6495edhex | 219°, 79%, 66% |
cadetblue | #5f9ea0hex | 182°, 26%, 50% |
darkolivegreen | #556b2fhex | 82°, 39%, 30% |
indigo | #4b0082hex | 275°, 100%, 26% |
mediumturquoise | #48d1cchex | 178°, 60%, 55% |
darkslateblue | #483d8bhex | 249°, 39%, 39% |
steelblue | #4682b4hex | 207°, 44%, 49% |
royalblue | #4169e1hex | 225°, 73%, 57% |
turquoise | #40e0d0hex | 174°, 72%, 57% |
mediumseagreen | #3cb371hex | 147°, 50%, 47% |
limegreen | #32cd32hex | 120°, 61%, 50% |
darkslategray, darkslategrey | #2f4f4fhex | 180°, 25%, 25% |
seagreen | #2e8b57hex | 147°, 50%, 36% |
forestgreen | #228b22hex | 120°, 61%, 34% |
lightseagreen | #20b2aahex | 177°, 70%, 41% |
dodgerblue | #1e90ffhex | 210°, 100%, 56% |
midnightblue | #191970hex | 240°, 64%, 27% |
aqua, cyan | #00ffffhex | 180°, 100%, 50% |
springgreen | #00ff7fhex | 150°, 100%, 50% |
lime | #00ff00hex | 120°, 100%, 50% |
mediumspringgreen | #00fa9ahex | 157°, 100%, 49% |
darkturquoise | #00ced1hex | 181°, 100%, 41% |
deepskyblue | #00bfffhex | 195°, 100%, 50% |
darkcyan | #008b8bhex | 180°, 100%, 27% |
teal | #008080hex | 180°, 100%, 25% |
green | #008000hex | 120°, 100%, 25% |
darkgreen | #006400hex | 120°, 100%, 20% |
blue | #0000ffhex | 240°, 100%, 50% |
mediumblue | #0000cdhex | 240°, 100%, 40% |
darkblue | #00008bhex | 240°, 100%, 27% |
navy | #000080hex | 240°, 100%, 25% |
black | #000000hex | 0°, 0%, 0% |
Для получения информации о других цветах и значениях в HEX, HEX8, RGB, RGB%, CMYK, HSL, HSV воспользуйтесь калькулятором цветов.
Цвета HTML
- Светлые
- Желтые
- Оранжевые
- Красные
- Розовые
- Фиолетовые
- Синие
- Зеленые
- Серые
- Коричневые
Цветовые модели
Таблица «безопасных» цветов
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.102 | 153.153.51 | 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 |