Таблица цветовых кодов RGB
Таблица цветовых кодов RGB
Палитра цветов RGB
Таблица цветовых кодов RGB
Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:
Шестнадцатеричный: # |
Красный: |
Зеленый: |
Синий: |
Цветовое пространство RGB
RGB цветового пространства или цветовая система RGB , создает все цвета из комбинации R Е.Д., G Reen и B LUE цвета.
Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.
RGB ≡ красный, зеленый, синий
Таким образом, каждый пиксель на светодиодном мониторе отображает цвета за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).
Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.
Любое значение между ними устанавливает частичное излучение светодиода.
Цветовой формат и расчет RGB
Код RGB имеет формат 24 бита (биты 0..23):
КРАСНЫЙ [7: 0] | ЗЕЛЕНЫЙ [7: 0] | СИНИЙ [7: 0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
Примеры расчетов
Белый цвет RGB
White RGB code = 255*65536+255*256+255 = #FFFFFF
Синий цвет RGB
Blue RGB code = 0*65536+0*256+255 = #0000FF
Красный цвет RGB
Red RGB code = 255*65536+0*256+0 = #FF0000
Зеленый цвет RGB
Green RGB code = 0*65536+255*256+0 = #00FF00
Серый цвет RGB
Gray RGB code = 128*65536+128*256+128 = #808080
Желтый цвет RGB
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
Теория цвета в цифрах
Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.
Основы
Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.
Насыщенность цвета зависит от того, насколько разные в парах числа. Чем больше значение пар, тем светлее цвет. Вторая цифра каждой пары уточняет оттенок:
То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.
Распознавание цвета
Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.
В большинстве случаев распознать цвет по hex-коду можно, учитывая только первые цифры пар. В примере ниже понятно, что цвет смешан из большого количества красного, немного синего, а зеленого совсем нет.
Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы, кроме того, можно всегда произвести впечатление на коллег или клиентов, сказав «Ах, какой прекрасный оттенок бордового».
Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:
Подчеркивание ссылок
По умолчанию браузеры подчеркивают гиперссылки на веб-страницах. При использовании не слишком крупных шрифтов подчеркивание может смешиваться с буквами ссылки, и выглядит такая конструкция не очень. Но можно сделать подчеркивание менее насыщенным:
- Для темного текста на светлом фоне делаем ссылки ярче.
- Для яркого текста на темном фоне делаем ссылки темнее.
Чтобы это работало, необходимо использовать тег span внутри каждого тега a, например:
Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:
Цвета контента
Зачастую на сайтах используется один и тот же цвет для заголовков и основного текста. Но при таком подходе снижается читабельность контента: чем мельче шрифт, тем контрастнее он должен быть. Пример:
Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:
Редактирование фона
Легко управлять фоном, изменяя hex-код цвета:
- #404040 — нейтральный
- #504030 — теплее
- #304050 — холоднее
Фон страницы визуально более чувствителен к изменениям цвета, чем контент. Поэтому можно легко сделать его теплее или холоднее, корректируя и вторую цифру в парах hex-кода. Например:
- #404040 — нейтральный
- #594039 — теплее
- #394059 — холоднее
Подбор и комбинирование цветов
Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:
Код цвета светло зеленый
- LANGUAGE
- English
- Chinese
- Spanish
- Portuguese
- Russian
- Japanese
- German
- Korean
- French
- Slovenian
- COLOR TOOLS
- COLORS FROM IMAGE
- CONVERT COLOR FORMAT
- COLOR NAMES
- MORE TOOLS
- WEBSAFE COLORS
- HTML EDITOR
Цветовая диаграмма HTML
Нажмите на цветовую ячейку, чтобы получить цветовой код HTML для этого цвета.
Селектор цвета HTML
Для выбора цвета перемещайте горизонтальный ползунок, а затем нажмите на цветовую ячейку слева, чтобы получить цветовой код HTML для желаемого оттенка.
Теория цветовых кодов HTML
Вы задаетесь вопросом: «Значит ли что-нибудь эта странная комбинация букв и цифр?» Ответ на этот вопрос — «Да, значит». И вот что она значит:)
формат кодов HTML:
Каждый код HTML состоит из символа «#» и 6 букв или цифр. Используется шестнадцатеричная система счисления. Например, «FF» в шестнадцатеричной системе соответствует 255 в десятеричной.
Значение символов:
Первыми двумя символами в коде цвета HTML обозначается насыщенность красного цвета. 00 — наименее насыщенный и FF — наиболее насыщенный. Третий и четвертый символы означают насыщенность зеленого, а пятый и шестой — синего. Таким образом, комбинируя разные по насыщенности оттенки красного, зеленого и синего, мы можем получить фактически любой угодный нам цвет;)
Примеры:
#FF0000 — Этим кодом HTML мы сообщаем браузеру команду отображать максимально возможный красный цвет и вообще не отображать зеленый и синий. В результате, естественно, мы получаем чистый красный цвет:
#00FF00 — Этот код HTML отображает только зеленый, без красного и синего. Результат:
#0000FF — Этот код HTML отображает только синий, без красного и зеленого. Результат:
#FFFF00 — Сочетание красного и зеленого цветов дает нам желтый:
#CCEEFF -Взять немного красного, чуть больше зеленого и по максимуму синего для получения небесно-голубого:
Поддержите этот сайт
Поддержите, пожалуйста, этот сайт, опубликовав на него ссылку. Все, что вам нужно сделать, — этот поместить приведенный ниже код на ваш сайт. Также распространяйте информацию о нас через социальные сети (Твиттер, Фейсбук, Google +1):
Названия, HEX и RGB коды цветов в HTML
На данной страничке располагается таблица, в которой представлены примеры основных цветов, используемых в языке гипертекстовой разметки HTML (и в PHP следовательно тоже), а так же их RGB коды, HEX коды и названия, как на русском, так и на английском языках.
Цвет | RGB код | HEX код | Название цвета | Название цвета на англ. |
000000000 | #000000 | Черный | Black | |
000000128 | #000080 | Темно-синий | Navy | |
000000139 | #00008b | Темно-голубой | Darkblue | |
000000205 | #0000cd | Умеренно-голубой | Mediumblue | |
000000255 | #0000ff | Синий | Blue | |
000100000 | #006400 | Темно-зеленый | Darkgreen | |
000128000 | #008000 | Зеленый | Green | |
000128128 | #008080 | Чайный | Teal | |
000139139 | #008b8b | Темный циан | Darkcyan | |
000191255 | #00bfff | Темный небесно-синий | Deepskyblue | |
000206209 | #00ced1 | Темно-бирюзовый | Darkturquoise | |
000250154 | #00fa9a | Умеренный синевато-серый | Mediumspringgreen | |
000255000 | #00ff00 | Известковый | Lime | |
000255127 | #00ff7f | Весенний зеленый | Springgreen | |
000255255 | #00ffff | Морской волны | Aqua | |
025025112 | #191970 | Ночной синий | Midnightblue | |
030144255 | #1e90ff | Тускло-васильковый | Dodgerblue | |
032178170 | #20b2aa | Светлой морской волны | Lightseagreen | |
034139034 | #228b22 | Лесной зеленый | Forestgreen | |
046139087 | #2e8b57 | Морской зеленый | Seagreen | |
047079079 | #2f4f4f | Темный синевато-серый | Darkslategray | |
050205050 | #32cd32 | Зеленовато-известковый | Limegreen | |
060179113 | #3cb371 | Умеренной морской волны | Mediumseagreen | |
064224208 | #40e0d0 | Бирюзовый | Turquoise | |
065105225 | #4169e1 | Королевский голубой | Royalblue | |
070130180 | #4682b4 | Голубовато-стальной | Steelblue | |
072061139 | #483d8b | Темный серовато-синий | Darkslateblue | |
072209204 | #48d1cc | Умеренно-бирюзовый | Mediumturquoise | |
075000130 | #4b0082 | Индиго | Indigo | |
085107047 | #556b2f | Темно-оливковый | Darkolivegreen | |
095158160 | #5f9ea0 | Блеклый серо-голубой | Cadetblue | |
100149237 | #6495ed | Васильковый | Cornflowerblue | |
102205170 | #66cdaa | Умеренно-аквамариновый | Mediumaaquamarine | |
105105105 | #696969 | Тускло-серый | Dimgray | |
106090205 | #6a5acd | Серовато-синий | Slateblue | |
107142035 | #6b8e23 | Тускло-коричневый | Olivedrab | |
112128144 | #708090 | Синевато-серый | Slategray | |
119136153 | #778899 | Светлый синевато-серый | Lightslategray | |
123104238 | #7b68ee | Умеренный серовато-синий | Mediumslateblue | |
124252000 | #7cfc00 | Зеленой травы | Lawngreen | |
127255000 | #7fff00 | Фисташковый | Chartreuse | |
127255212 | #7fffd4 | Аквамарин | Aquamarine | |
128000000 | #800000 | Оранжево-розовый | Maroon | |
128000128 | #800080 | Пурпурный | Purple | |
128128000 | #808000 | Оливковый | Olive | |
128128128 | #808080 | Серый | Gray | |
135206235 | #87ceeb | Небесно-голубой | Skyblue | |
135206250 | #87cefa | Светлый небесно-синий | Lightskyblue | |
138043226 | #8a2be2 | Светло-фиолетовый | Blueviolet | |
139000000 | #8b0000 | Темно-красный | Darkred | |
139000139 | #8b008b | Темный фуксин | Darkmagenta | |
139069019 | #8b4513 | Старой кожи | Saddlebrown | |
143188143 | #8fbc8f | Темный морской волны | Darkseagreen | |
147112219 | #9370db | Умеренно-пурпурный | Mediumpurple | |
148000211 | #9400d3 | Темно-фиолетовый | Darkviolet | |
152251152 | #98fb98 | Бледно-зеленый | Palegreen | |
153050204 | #9932cc | Темно-орхидейный | Darkorchid | |
154205050 | #9acd32 | Желто-зеленый | Yellowgreen | |
156238144 | #9cee90 | Светло-зеленый | Lightgreen | |
160082045 | #a0522d | Охра | Sienna | |
165042042 | #a52a2a | Коричневый | Brown | |
169169169 | #a9a9a9 | Темно-серый | Darkgray | |
173216230 | #add8e6 | Светло-голубой | Lightblue | |
173255047 | #adff2f | Желто-зеленый | Greenyellow | |
175238238 | #afeeee | Бледно-бирюзовый | Paleturquise | |
176196222 | #b0c4de | Светло-стальной | Lightsteelblue | |
176224230 | #b0e0e6 | Туманно-голубой | Powderblue | |
178034034 | #b22222 | Огнеупорного кирпича | Firebrick | |
184134011 | #b8860b | Темный красно-золотой | Darkgoldenrod | |
186085211 | #ba55d3 | Умеренно-орхидейный | Mediumorchid | |
188143143 | #bc8f8f | Розово-коричневый | Rosybrown | |
189183107 | #bdb76b | Темный хаки | Darkkhaki | |
192192192 | #c0c0c0 | Серебристый | Silver | |
199021133 | #c71585 | Умеренный красно-фиолетовый | Mediumvioletred | |
205092092 | #cd5c5c | Ярко-красный | Indianred | |
205133063 | #cd853f | Коричневый | Peru | |
210105030 | #d2691e | Шоколадный | Chocolate | |
210180140 | #d2b48c | Желтовато-коричневый | Tan | |
211211211 | #d3d3d3 | Светло-серый | Lightgray | |
216191216 | #d8bfd8 | Чертополоха | Thistle | |
218112214 | #da70d6 | Орхидейный | Orchid | |
218165032 | #daa520 | Красного золота | Goldenrod | |
219112147 | #db7093 | Бледный красно-фиолетовый | Plaevioletred | |
220020060 | #dc143c | Малиновый | Crimson | |
220220220 | #dcdcdc | Светлый серо-фиолетовый | Fainsboro | |
221160221 | #dda0dd | Сливовый | Plum | |
222184135 | #deb887 | Старого дерева | Burlywood | |
224255255 | #e0ffff | Светлый циан | Lightcyan | |
230230250 | #e6e6fa | Бледно-лиловый | Lavender | |
233150122 | #e9967a | Темный оранжево-розовый | Darksalmon | |
238130238 | #ee82ee | Фиолетовый | Violet | |
238232170 | #eee8aa | Бледно-золотой | Palegoldenrod | |
240128128 | #f08080 | Светло-коралловый | Lightcoral | |
240230140 | #f0e68c | Хаки | Khaki | |
240248255 | #f0f8ff | Блекло-голубой | Aliceblue | |
240255240 | #f0fff0 | Свежего меда | Honeydew | |
240255255 | #f0ffff | Лазурь | Azure | |
244164096 | #f4a460 | Рыже-коричневый | Sandybrown | |
245222179 | #f5deb3 | Пшеничный | Wheat | |
245245220 | #f5f5dc | Бежевый | Beige | |
245245245 | #f5f5f5 | Белый дымчатый | Whitesmoke | |
245255250 | #f5fffa | Мятно-кремовый | Mintcream | |
248248255 | #f8f8ff | Туманно-белый | Ghostwhite | |
250128114 | #fa8072 | Оранжево-розовый | Salmon | |
250235215 | #faebd7 | Античный белый | Antuquewhite | |
250240230 | #faf0e6 | Льняной | Linen | |
253245230 | #fdf5e6 | Старого коньяка | Oldlace | |
255000255 | #ff00ff | Фуксия | Fuchsia | |
255020147 | #ff1493 | Темно-розовый | Deeppink | |
255069000 | #ff4500 | Красно-оранжевый | Orangered | |
255099071 | #ff6347 | Томатный | Tomato | |
255105180 | #ff69b4 | Ярко-розовый | Hotpink | |
255127080 | #ff7f50 | Коралловый | Coral | |
255140000 | #ff8c00 | Темно-оранжевый | Darkorange | |
255160122 | #ffa07a | Светлый оранжево-розовый | Lightsalmon | |
255165000 | #ffa500 | Оранжевый | Orange | |
255182193 | #ffb6c1 | Светло-розовый | Lightpink | |
255192203 | #ffc0cb | Розовый | Pink | |
255215000 | #ffd700 | Золотой | Gold | |
255218185 | #ffdab9 | Персиковый | Peachpuff | |
255222173 | #ffdead | Грязно-серый | Navajowhite | |
255228181 | #ffe4b5 | Болотный | Moccasin | |
255228196 | #ffe4c4 | Бисквитный | Bisque | |
255228225 | #ffe4e1 | Туманно-розовый | Mistyrose | |
255235205 | #ffebcd | Светло-кремовый | Blanchedalmond | |
255239213 | #ffefd5 | Дыни | Papayaawhip | |
255240245 | #fff0f5 | Бледный розово-лиловый | Lavenderblush | |
255245238 | #fff5ee | Морской пены | Seashell | |
255248220 | #fff8dc | Бледно-желтый | Cornsilk | |
255250205 | #fffacd | Лимонный | Lemonchiffon | |
255250240 | #fffaf0 | Цветочно-белый | Floralwhite | |
255250250 | #fffafa | Снежный | Snow | |
255255000 | #ffff00 | Желтый | Yellow | |
255255224 | #ffffe0 | Светло-желтый | Lightyellow | |
255255240 | #fffff0 | Слоновой кости | Ivory | |
255255255 | #ffffff | Белый | White |
Хотим заметить, что в HTML допускается использование как HEX кода, так и эквивалента на английском языке. Другими словами для придания тексту цвета Индиго можно использовать код Ваш текст , либо Ваш текст , результат будет одинаковый.
Таблица html цветов. Названия и коды цветов в RGB. Палитра цветов
В языках html и css, для того чтобы страницы не были серыми и однотипными, имеется возможность цветового оформления документов. Для этого обычно используют модель RGB — аббревиатура от трех английских слов — названий цветов: red (красный), green (зеленый) и blue (синий).
В html и css для обозначения цвета используются ключевые слова — названия цвета, либо шестнадцатеричный цветовой код.
Формат цветового кода html представляет из себя символ «#» и набор из шести цифр и латинских букв от A до F . Это так называемый шестнадцатеричный код, в котором, например, буква «A» соответствует десятеричному числу 10, а комбинация «FF» — десятеричному 255.
Каждый символ в шестнадцатеричном коде имеет определенное значение. Так первые два символа в коде цвета HTML обозначают насыщенность красного цвета (00 — минимальная насыщенность; FF — максимальная насыщенность). Третий и четвертый символ определяют насыщенность зеленого цвета, а пятый и шестой синего. Например, код красного цвета #FF0000, зеленого соответственно #00FF00.
Далее представлены таблицы ключевых слов — названий цветов и их шестнадцатеричных значений, которые можно использовать при разработке сайтов на языках html и css.
Таблица базовых названий цветов
Название цвета | HEX | Цвет |
---|---|---|
Black | #000000 | |
silver | #C0C0C0 | |
gray | #808080 | |
white | #FFFFFF | |
maroon | #800000 | |
red | #FF0000 | |
purple | #800080 | |
fuchsia | #FF00FF | |
green | #008000 | |
lime | #00FF00 | |
olive | #808000 | |
yellow | #FFFF00 | |
navy | #000080 | |
blue | #0000FF | |
teal | #008080 | |
aqua | #00FFFF |
Расширенная таблица названий цветов
Название цвета | HEX | Цвет |
---|---|---|
Black | #000000 | |
Navy | #000080 | |
DarkBlue | #00008B | |
MediumBlue | #0000CD | |
Blue | #0000FF | |
DarkGreen | #006400 | |
Green | #008000 | |
Teal | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
DarkTurquoise | #00CED1 | |
MediumSpringGreen | #00FA9A | |
Lime | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
MidnightBlue | #191970 | |
DodgerBlue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
SeaGreen | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
LimeGreen | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Turquoise | #40E0D0 | |
RoyalBlue | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
MediumTurquoise | #48D1CC | |
Indigo | #4B0082 | |
DarkOliveGreen | #556B2F | |
CadetBlue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
Chartreuse | #7FFF00 | |
Aquamarine | #7FFFD4 | |
Maroon | #800000 | |
Purple | #800080 | |
Olive | #808000 | |
Gray | #808080 | |
SkyBlue | #87CEEB | |
LightSkyBlue | #87CEFA | |
BlueViolet | #8A2BE2 | |
DarkRed | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
LightGreen | #90EE90 | |
MediumPurple | #9370D8 | |
DarkViolet | #9400D3 | |
PaleGreen | #98FB98 | |
DarkOrchid | #9932CC | |
YellowGreen | #9ACD32 | |
Sienna | #A0522D | |
Brown | #A52A2A | |
DarkGray | #A9A9A9 | |
LightBlue | #ADD8E6 | |
GreenYellow | #ADFF2F | |
PaleTurquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
MediumOrchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
DarkKhaki | #BDB76B | |
Silver | #C0C0C0 | |
MediumVioletRed | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Chocolate | #D2691E | |
Tan | #D2B48C | |
LightGray | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Thistle | #D8BFD8 | |
Orchid | #DA70D6 | |
GoldenRod | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Plum | #DDA0DD | |
BurlyWood | #DEB887 | |
LightCyan | #E0FFFF | |
Lavender | #E6E6FA | |
DarkSalmon | #E9967A | |
Violet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Azure | #F0FFFF | |
SandyBrown | #F4A460 | |
Wheat | #F5DEB3 | |
Beige | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Salmon | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Linen | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
Red | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
DeepPink | #FF1493 | |
OrangeRed | #FF4500 | |
Tomato | #FF6347 | |
HotPink | #FF69B4 | |
Coral | #FF7F50 | |
Darkorange | #FF8C00 | |
LightSalmon | #FFA07A | |
Orange | #FFA500 | |
LightPink | #FFB6C1 | |
Pink | #FFC0CB | |
Gold | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Moccasin | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
BlanchedAlmond | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
SeaShell | #FFF5EE | |
Cornsilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Snow | #FFFAFA | |
Yellow | #FFFF00 | |
LightYellow | #FFFFE0 | |
Ivory | #FFFFF0 | |
White | #FFFFFF |
Использование цветовых кодов HTML
При помощи цветовых html кодов и соответствующих css свойств можно задавать цвет фона для элементов веб страницы или цвет текста.
Например, используя css свойство background и любой из цветовых кодов можно задать цвет фона страницы:
А с помощью свойства color можно управлять цветом текста любого html элемента:
6. CSS — Цвета: форматы и коды
Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.
Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:
Формат | Синтаксис | Пример |
Шестнадцатеричный код | #00FF00 | p |
Короткий шестнадцатеричный код | #0F0 | p |
RGB % | rgb(rrr%,ggg%,bbb%) | p |
RGB абсолютный | rgb(rrr,ggg,bbb) | p |
Ключевое слово | green, white, black и т.д. | p |
Ниже более подробно описаны перечисленные форматы.
Содержание
- Цвета CSS — шестнадцатеричные коды
- Цвета CSS — короткие шестнадцатеричные коды
- Цвета CSS — RGB значения
- Генератор цветовых кодов
- Безопасные цвета браузера
Цвета CSS — шестнадцатеричные коды
Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
Цвет | Шестнадцатеричный цвет | |
Белый | #FFFFFF | |
Черный | #000000 | |
Красный | #FF0000 | |
Лайма | #00FF00 | |
Синий | #0000FF | |
Желтый | #FFFF00 | |
Морская волна | #00FFFF | |
Фуксия | #FF00FF |
Цвета CSS — короткие шестнадцатеричные коды
Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
Цвет | Шестнадцатеричный цвет | |
Белый | #FFF | |
Черный | #000 | |
Красный | #F00 | |
Лайма | #0F0 | |
Синий | #00F | |
Желтый | #FF0 | |
Морская волна | #0FF | |
Фуксия | #F0F |
Цвета CSS — RGB значения
RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.
Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.
Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.
Цвет | Шестнадцатеричный цвет | |
Белый | rgb(255, 255, 255) | |
Черный | rgb(0, 0, 0) | |
Красный | rgb(255, 0, 0) | |
Лайма | rgb(0, 255, 0) | |
Синий | rgb(0, 0, 255) | |
Желтый | rgb(255, 255, 0) | |
Морская волна | rgb(0, 255, 255) | |
Фуксия | rgb(255, 0, 255) |
Генератор цветовых кодов
Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса CSS цвета онлайн.
Безопасные цвета браузера
Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.
Палитра цветов по CMYK
Палитра для красок CMYK — Четырёхцветная автотипия (CMYK: Cyan, Magenta, Yellow, Key color. ) — субтрактивная схема формирования цвета, применяется в текстильном производстве.
Содержит не только основные тона для печати, но и цветовую модель, которая в процентах описывает любой оттенок.
Цветовая палитра CMYK расшифровывается следующим образом:
- С (cyan) – ярко-голубой;
- M (magenta) – ярко-розовая;
- Y (yellow) – желтый;
- К (black) – черный.
Данная аббревиатура не только отражает сами цвета, но и способна выразить в процентном соотношении любой оттенок. За 100% принимается объем краски, который выдаёт машина при печати одного из основных цветов этой системы. Палитра CMYK при подборе цветов имеет несколько правил:
- Самый насыщенный яркий цвет получается при 100% соотношении;
- Составные сложные оттенки имеют преимущество перед одной краской;
- Синий цвет более насыщенный, чем другие красители.
Что касается черного, то при формуле соотношения C -0%, M -0%; Y – 0%; K- 100%, этот цвет не будет достаточно насыщенным. Поэтому для лучшего отражения черного оттенка в среднем (цифра будет варьироваться от настроек машины) это С – 40%; М – 40%; Y – 40%; K – 100%, максимально С – 70%; М – 60%; Y – 60%; K – 100%.
Важно! Значение K в черном должно быть 100%.
Обратите внимание, что возможно расхождений цветов, в пределах которых результат считается допустимым, но при выходе из заданных пределов – браком.
CMYK обеспечивает точную имитацию цветов, получаемых путем наложения друг на друга точками основных цветов: желтых, голубых, пурпурных и черных.
Формулы подбора цветов по CMYK:
Серый CMYK:
С(20%); М(20%); Y (20%); K (20%) = светло-серый
С(40%); М(40%); Y (40%); K (40%) = средне-серый
С(60%); М(60%); Y (60%); K (60%) = темно-серый
Красный CMYK:
Самый яркий цвет получается при смешивании 100% оттенка M (magenta) и 100%Y (yellow). Другие цвета получаются с добавлением черного и синего.
С(0%); М(100%); Y (100%); K (0%) = красный
С(0%); М(90%); Y (100%); K (0%) = алый
С(30%); М(100%); Y (100%); K (30%) = бордовый
Оранжевый CMYK:
Оранжевый оттенок получают при 100% добавлении желтого. Однако, коралловый оттенок получить с использованием палитры CMYK достаточно сложно. Этот цвет получается невыразительным и бледным.
С(0%); М(60%); Y (100%); K (0%) = оранжевый
С(0%); М(40%); Y (100%); K (0%) = желто-оранжевый
С(0%); М(40%); Y (30%); K (0%) = коралловый
Розовый CMYK:
Среди оттенков этого спектра наиболее насыщенными будут «маджента» и «фуксия». Другие цвета будут более бледными.
С(0%); М(60%); Y (0%); K (0%) = розовый
С(0%); М (100%); Y (0%); K (0%) = маджента
С(20%); М (100%); Y (20%); K (0%) = фуксия
С(0%); М(50%); Y (40%); K (0%) = лососевый
Зеленый CMYK:
Наиболее насыщенным зеленый цвет получается при 100% соотношении синего и желтого цветов. Другие цвета этого спектра с добавлением 100% желтого также получаются достаточно насыщенными и яркими.
С(100%); М(0%); Y (100%); K (0%) = зеленый
С(50%); М(0%); Y (100%); K (0%) = салатовый
С(60%); М(50%); Y (100%); K (0%) = оливковый
С(100%); М(0%); Y (50%); K (0%) = сине-зеленый
С(50%); М(0%); Y (50%); K (0%) = светло-зеленый
С(100%); М(30%); Y (100%); K (30%) = темно-зеленый
Синий CMYK:
Хотя этот цвет присутствует в основном спектре, он редко используется в чистом виде. Чаще используются оттенки с добавлением других цветов.
C (100%); M (50%); Y (0%); K (0%) = синий
C (100%); M (60%); Y (0%); K (30%) = темно-синий
C ( 100%); M (80%); Y (0%); K (0%) = фиолетово-синий
C (100%); M (60%); Y (40%); K (0%) = сине-зеленый
C (70%); M ( 0%); Y (25%); K (0%) = бирюзовый
Фиолетовый CMYK:
C ( 100%); M (100%); Y (0%); K (0%) = фиолетовый
C ( 50%); M ( 100%); Y ( 0%); K (0%) = пурпурный
C ( 80%); M (100%); Y ( 0%); K ( 0%) = красно-фиолетовый
C ( 50%); M ( 50%); Y (0%); K (0%) = сиреневый
Коричневый, золотой, бежевый, телесный CMYK:
Данные оттенки получить достаточно сложно. Необходимо знать подбор цветов основной палитры CMYK. Основные соотношения для получения коричневого, золотого, телесного, бежевого цвета следующие:
C (30%); M ( 30%); Y ( 100%); K ( 5%) = золотой
C (50%); M ( 70%); Y ( 100%); K ( 30%) = коричневый
C (6%); M ( 30%); Y ( 50%); K ( 0%) = телесный
C (20%); M ( 35%); Y ( 44%); K ( 0%) = бежевый
Цветовой стандарт RAL
RAL — это самый популярный и применяемый в мире цветовой стандарт. Имеет вид кодового обозначения, состоящий из префикса RAL и цифр. Имеет очень широкое применение и востребован практически во всех отраслях, где необходимо правильное и точное понимание цвета.
Первый стандарт RAL был разработан в далёком 1927 году в Германии и состоял из 40 цветов. С тех пор, институт RAL активно ведёт разработки добавляя новые образцы цветов, в соответствии с потребностями растущего рынка. В настоящее время, система RAL насчитывает несколько тысяч цветов.
Цвета RAL
На данный момент, стандарт RAL делится на 5-ть каталогов, каждый из которых имеет своё предназначение и применяется для конкретных целей.
RAL Classic — самый применяемый стандарт RAL. Полная таблица с цветами из этого каталога приведена немного ниже.
RAL Design — шкала для профессионального цветового дизайна, в которой цвета упорядочены согласно технологическим значениям тона, яркости и насыщенности цвета.
RAL Digital — это цифровая (компьютерная) версия всех каталогов RAL. Это программное обеспечение, в которое импортированы все каталоги и цвета RAL. Применяется для работ с дизайнерским программным обеспечением и в системах автоматического проектирования.
RAL Effect — это каталог для матовых оттенков, водно-дисперсионных красок и глянцевых оттенков для красок типа металлик, разработанный в 2007-ом году.
RAL Plastics — новый независимый цветовой стандарт для пластика. Был создан в связи с большим спросом в индустрии переработки пластмасс. Насчитывает 300 цветов применяемых для пластмасс.
Таблица RAL Classic
Состоит из 213-ти цветов. Все они разделены в группы на девять диапазонов:
- Жёлтые тона (RAL 1000 — RAL 1037)
- Оранжевые тона (RAL 2000 — RAL 2013)
- Красные тона (RAL 3000 — RAL 3033)
- Фиолетовые тона (RAL 4001 — RAL 4012)
- Синие тона (RAL 5000 — RAL 5026)
- Зелёные тона (RAL 6000 — RAL 1038)
- Серые тона (RAL 7000 — RAL 7048)
- Коричневые тона (RAL 8000 — RAL 8029)
- Чёрные и белые тона (RAL 9001 — RAL 9023)
Коды цветов ваз
На этой странице одновременно зажмите клавиши (CTRL F) и в верхнем правом углу введите название краски…
После чего ползунок переместит вас на указанную строчку. Для дальнейшего определения кода цвета… Лайф-хак для нубов)
100 Триумф metalic серебристо-красный
101 Кардинал ярко-красный
102 Абрикос metalic серебристо-светло оранжевый
104 Калина metalic ярко-красный 1117 Kalina универсал
105 Франкония metalic темно-вишнево-малиновый 2114
106 Красный перец красно-коричневый
107 Баклажан темно-фиолетовый
109 Золотисто-бежевый metalic золотисто-бежевый
110 Рубин красный —
116 Коралл metalic серебристый темно-красный
117 Бургундия metalic красный металлик
118 Кармен красный
120 Майя metalic серебристый темно-бордовый
121 Мальборо metalic красный
122 Реклама ярко-красный
123 Успех оранжевый
125 Антарес metalic темно-вишневый
127 Вишня темно-красный
128 Искра metalic красный
129 Виктория metalic серебристый ярко-красный
132 Вишневый сад темно-серебристо-красный
133 Магия metalic серебристо-ярко-фиолетовый
140 Яшма темно-вишневый
145 Аметист metalic серебристый фиолетовый
150 Дефиле серебристо-серо-коричневый
152 Паприка metalic серебристо-красно-оранжевый
162 Черешня темно-алый
170 Торнадо красный
180 Гранат темно-бордовый
182 Романс темно-красный
190 Калифорнийский мак metalic золотисто-красный
192 Портвейн metalic темно-вишневый металлик 2114
201 Белый белый
202 Снежно-белый ярко-белый
203 Жасмин бело-желтый
204 Айсберг белая-двухслойная
205 Альпийский metalic белый
206 Талая вода metalic светло-серый
207 Слоновая кость бежево-желтый
210 Примула светло-желтый
212 Капучино светлый серо-бежевый
215 Сафари светло-бежевый
217 Миндаль metalic серебристо-бежево-розовый
221 Ледниковый белый Лада Гранта
222 Премьер канареечный желтый
223 Нарцисс желтый
228 Чайная роза светло-желтый
230 Жемчуг metalic серебристо-бело-молочный
233 Серо-белый серо-белый
234 Медовый metalic желто-золотой
235 Бежевый бежевый
236 Серо-бежевый серо-бежевый
239 Невада metalic серебристо-серо-бежевый
240 Белое облако белый Лада Гранта
243 Акапулько ярко-жёлтый
245 Золотая нива metalic золотой
257 Звёздная пыль metalic бежево-сиреневый
262 Бронзовый век metalic бежево-коричневый
270 Нефертити metalic серебристый-бежевый
276 Приз metalic серебристо-бежевый
277 Антилопа metalic серебристо-бежевый
280 Мираж metalic серебристый-желто-зеленый
281 Кристалл metalic светло-серый 2114
285 Джем metalic желто-коричневый
286 Опатия metalic серебристый оранжевый
290 Южный крест metalic серо-бежевый
295 Сливочно-белый сливочно-белый
301 Серебристая ива metalic серебристый-зеленовато-серый
302 Бергамот metalic серебристо-зеленый
304 Наутилус темно-зеленый
305 Аспарагус metalic серебристо-светло-желтый
307 Зеленый сад темно-зеленый
308 Осока metalic зелено-голубой
310 Валюта metalic серо-зеленый
311 Игуана metalic серебристо-ярко-зеленый
313 Водолей metalic серо-зеленый
317 Меридиан зеленый
321 Дюшес metalic серебристо-молочно-зеленый
322 Колумбийская зелень metalic светло-зеленый
325 Морская пучина темно-зеленый
331 Золотой лист metalic золотистый темно-зеленый
340 Оливковый желто-зеленый
342 Прерия metalic серый
345 Оливин metalic золотисто-зеленый
347 Золото инков metalic золотистый темно-зеленый
352 Кедр серо-зеленый
353 Бальзам зеленый
355 Амазонка ярко-зеленый
358 Кайман metalic темно-зеленый
360 Сочи metalic серебристо-серо-зеленоватый 2114
363 Цунами metalic темно-зеленый
368 Несси ? темно-зеленый
370 Корсика metalic серебристый болотно-зеленый
371 Амулет metalic серебристо-темно-зеленый
373 Серо-зеленый серо-зеленый
377 Мурена сине-зеленый
381 Кентавр metalic серебристо-серо-голубой
383 Ниагара metalic серебристо-серо-голубоватый
385 Изумруд metalic серебристо-зеленый
387 Папирус metalic серебристо-серо-зеленоватый
388 Вавилон metalic серо-бежевый
391 Робин гуд metalic чёрный с изумрудно-зеленым отливом
399 Табачный metalic серебристый коричнево-зеленый
403 Монте-карло ярко-синий
404 Петергоф серо-зеленоватый
406 Ирис фиолетовый
407 Посейдон metalic темно-синий
408 Чароит metalic серебристый темно-фиолетовый
410 Магеллан темно-синий
412 Регата metalic серебристо-темно-синий
415 Электрон metalic темно-серый
416 Фея metalic серебристо-сиреневый
417 Пицунда зелено-синий
419 Опал metalic серебристо-голубоватый
420 Балтика темно-сине-зеленый
421 Афалина metalic серебристо-зелено-голубой
423 Гейзер metalic серо-голубой
425 Адриатика голубой
426 Мускари metalic темно синий
427 Серо-голубой серо-голубой
428 Медео голубой
429 Персей metalic тёмно-синий
430 Фрегат цвет морской волны
435 Ла-манш metalic серебристо-фиолетовый
440 Атлантика фиолетовый
441 Индиго тёмно-синий
442 Садко темно-голубой
445 Лазурит metalic фиолетово-синий
446 Сапфир metalic серебристый сине-фиолетовый
447 Синяя полночь синий
448 Рапсодия metalic серебристо-ярко-синий
449 Океан темно-синий
451 Боровница metalic серебристо-серо-синий
453 Капри metalic темно-синий
456 Тёмно-синий темно-синий
458 мулен руж ярко-фиолетовый
460 Аквамарин metalic серебристо-сине-зеленый
464 Валентина серо-фиолетовый
471 Темно-синий metalic темно-синий
473 Юпитер metalic серебристо-голубоватый
475 Тундра metalic серебристо-зеленоватый
478 Слива metalic серебристо-ярко-синий
480 Бриз зелено-голубой —
481 Голубой голубой
482 Черника metalic темно-синий
483 Сириус metalic серо-синий
487 Лагуна metalic серебристо-синий
488 Галактика metalic темно-фиолетовый
489 Лазурь синий
490 Астероид metalic тёмно-сине-зеленый
495 Лунный свет metalic светло-голубой
498 Лазурно-синий metalic серебристый темно-синий
499 Ривьера metalic сине-фиолетовый
502 Дыня metalic серебристо-желтый
503 Аккорд серебристо-коричневый
509 Темно-бежевый темно-бежевый
513 Черный жемчуг metalic серебристо-коричневый
515 Изабелла metalic темно-филетовый
601 Черный черный
602 Авантюрин metalic серебристо-черный
605 Престиж metalic серебристо-темно-синий
606 Млечный путь metalic серебристо-серо-графитовый 2114
610 Рислинг metalic серебристо-бледно-серый Лада Гранта
611 Алмазное серебро metalic серебристый
615 Полюс мира metalic серо-коричневый
620 Мускат metalic серебристо-серо-золотистый
626 Мокрый асфальт metalic серебристый стальной
628 Нептун metalic серебристо-темно-серо-синий
630 Кварц metalic серый 2114
631 Тополиный пух metalic серый
637 Черный шоколад metalic тёмно-коричневый
640 Серебристый metalic серебристый
645 Базальт metalic серо-чёрный
650 Совиньон metalic серебристо-серый
651 Черный трюфель metalic черный
655 Викинг metalic темно-серый
660 Альтаир metalic серебристый светло-серый
665 Космос metalic черный Лада Гранта
670 Сандал metalic бежево-красный
671 Светло-серый светло-серый
672 Пантера чёрная база
675 Лаванда серебристо-коричневый
682 Гранта темно-серый Лада Гранта
690 Снежная королева metalic серебристый 2114
691 Платина metalic серебристо-бежевый Лада Гранта
790 Кориандр metalic золотисто-коричневый
791 Солярис metalic темно-коричневый
793 Темно-коричневый темно-коричневый
795 Пирано metalic красно-коричневый
798 Корица metalic коричневый
963 Зеленый metalic зеленый
1001 Озеро тахо metalic темно-серо-зеленый
1002 Ри*** metalic темно-коричневый
1005 Салатовый metalic салатовый
1011 Синий калипсо темно-синий
1012 Зеленый авокадо темно-зеленый
1013 Красный порту metalic вишневый
1014 Мерцающий синий metalic серебристо-темно-синий
1017 Красный перец metalic серебристо-вишневый
1018 Алмазное серебро metalic серебристый
1019 Серое олово metalic серый серебристый
1020 Ультрамарин сине-зеленый
1021 Черный графит metalic серебристо-серо-графитовый
1115 Феерия metalic (GM) ярко-красный
1121 Олимпия metalic (GM) ярко-синий
1158 Аустер metalic (GM) серо-коричневый
1901 Золотая звезда metalic (GM) бежево-золотистый