Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах
Обновлено 19 мая 2021 Просмотров: 176 747 Автор: Дмитрий Петров
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo. ru. Я продолжаю публиковать статьи в рубрике «HTML для чайников». Сегодня хочу поговорить про цвета в HTML и CSS коде, пояснить для тех, кто еще не в курсе, как можно их задать, каким образом они формируются, как для поиска или захвата нужного колора использовать специально предназначенные для этого программы и многое другое.
Вопрос задания нужного оттенка может быть особенно актуален для начинающих вебмастеров, когда не совсем понятны приводимые в web документе их коды (например, #f3af6c) и не понятно каким образом и откуда можно будет взять эту информацию (где найти таблицы Html и CSS цветов), и как их использовать для оформления текстового или какого-либо другого блока web документа.
Позволю себе вам напомнить, что мы уже успели познакомиться с основополагающими принципами, используемыми в языке гипертекстовой разметки. Так же мы уже рассмотрели теги img и гиперссылки, узнали, как создается таблица, узнали много вариантов создания Html форм и то, как осуществлять верстку сайта.
Коды и таблица базовых RGB цветов
Вполне логично, что в языке гипертекстовой разметки и таблицах каскадных стилей имеется возможность цветового оформления документов, ибо в противном случае сайты были бы очень скучными и однотипными. Для этого обычно используют модель под названием RGB (аббревиатура, образованная от трех английских слов, обозначающих красный, зеленый и синий).
В модели RGB используются только три цвета (понятно, что это красный, зеленый и синий), каждый из которых может быть представлен с разным уровнем яркости свечения. Для каждого из каналов (красный, зеленый и синий) можно будет выбрать одну из 256 возможных градаций яркости. Число 256 взято по той причине, что столько значений оттенков можно закодировать в одном байте информации.
Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.
Давайте теперь попробуем разобраться, как задать яркость в каждом канале и сколько у нас есть для этого возможностей?
На самом деле, есть два основных способа:
задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
задание с помощью ввода названия цвета в коде web документа
Давайте начнем со сложного и попробуем разобраться с записью цветов в шестнадцатиричном коде. Если бы мы хотели, например, записать код белого в десятичной системе, то получили бы код 256 256 256, а для черного — 0 0 0. Тут, наверное, все понятно.
Но в шестнадцатеричной системе счисления кроме арабских цифр используются еще и первые шесть букв латинского алфавита, ну и есть своя специфика формирования цифр. Углубляться в это, думаю, не стоит, но для примера скажу, что белый для Html можно будет задать так: #ffffff, а черный так: #000000. Т.е. 00 соответствует 0 в десятичной системе счисления, а ff соответствует 256.
Т.е. на каждый канал RGB цвета в CSS коде отводится две шестнадцатеричных цифры, поэтому записи значения цвета состоят из шести цифр (или букв, которые приравнены к цифрам в шестнадцатеричной системе), перед которыми ставится знак решетки «#». Все довольно просто.
Например, в приведенной таблице для простейших оттенков их шестнадцатиричные записи будут выглядеть так:
Оттенок
Шестнадцатиричная запись
Желтый
#ffff00
Зеленый
#008000
Белый
#ffffff
Красный
#ff0000
Серый
#808080
Синий
#0000ff
Черный
#000000
Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в бесплатном онлайн-редакторе Pixlr Editor), где вам обязательно покажут запись этого оттенка в формате RGB, или найти таблицу Html цветов и скопировать нужный вам код оттуда.
Яндекс Цвета — подбор RGB палитры оттенков в выдаче Yandex
Не хотите использовать для этой цели графический редактор или искать таблицу с кодами? Нет проблем. Прокрутите немного вниз эту страницу и вы найдете массу специфических и заточенных именно для работы с цветом в Html или CSS коде программ.
Если и это вам не подходит, то откройте просто Яндекс и введите в поисковую строку запрос с названием того оттенка, который вам интересен (хотя, можно ввести просто: серобуромалиновый).
В результате, в самом верху поисковой выдачи, вы увидите очень удобную палитру-таблицу Яндекс.Цвета для подбора колора для своего сайта. В правом нижнем углу этой палитры вы сможете скопировать шестнадцатеричный код нужного вам оттенка (перед ним стоит решетка), который потом останется только вставить в нужное место вашего web документа.
Все это реализуется благодаря так называемому «колдунщику» Яндекса, который призван помочь верстальщикам и дизайнерам.
Вы можете задать цвет в поисковой строке Yandex, как в виде его названия, так и в виде кода — в результате вы увидите, как он будет выглядеть на экране и при необходимости сможете получить его шестнадцатеричную запись.
Собственно, этот инструмент может пригодиться и обычным пользователям интернета, например, для того, чтобы понять, как же все-таки будет выглядеть мебель оттенка сер-бур-малин-в-крапинку.
Некоторые цвета в языке гипертекстовой разметки могут быть заданны с помощью слов, например, «black» означает черный, «white» — белый и т.д. Но тут есть один нюанс. Задание колора, таким образом, возможно только для ограниченного их числа.
Ну, во-первых, наверное, понятно, что все 16 миллионов возможных в RGB схеме оттенков вы с помощью слов представить не сможете ни в одной таблице (устанете ее прокручивать).
Во-вторых, в валидаторе W3C для спецификации языка гипертекстовой разметки 4.01 (ее в полной мере поддерживают все возможные браузеры на текущий момент) определено только 16 колоров, которые в Html или CSS коде можно задавать словами:
Вы можете встретить и гораздо более развернутые таблицы оттенков, которые можно будет задать в коде словами, но там существует вероятность, что в каком-нибудь браузере данный цвет будет отображаться не корректно.
Поэтому, кроме приведенной чуть выше таблицы 16 базовых оттенков, все остальные цвета следует задавать в коде web документов только с помощью шестнадцатеричной записи, во избежании никому не нужных эксцессов.
Использование кодов и названий цветов в вебмастеринге
На данный момент все внешнее оформление web страниц отдано на откуп CSS (таблицам каскадных стилей) и указание кода цвета непосредственно в Html встречается крайне редко, но все же встречается. К тому же бывают ситуации, когда нельзя по тем или иным причинам использовать внешние таблицы стилей CSS (например, в случае создания выпуска почтовой рассылки subscribe).
Поэтому я все же приведу пример задания цвета в Html, хотя при этом и будут использоваться уже не рекомендованные валидатором W3C теги. Например, раньше колор для фона задавали в теге «BODY» через атрибут «bgcolor», а текст раскрашивали сразу на всей вебстранице с помощью атрибута «text».
Задание нужных оттенков в таком случае могло выглядеть, например, так:
<body text="navy">Содержимое документа</body>
В результате вы получите вебстраницу с бежевым фоном и темно-синим шрифтом. До того, как CSS вошел в обиход, для изменения цвета шрифта какого-либо отдельного участка текста повсеместно использовали сейчас уже не рекомендуемый валидатором W3C тег «SPAN», в который для задания колора включали правило «color»:
<span>участок текста, который нужно было окрасить в синий колор</span>
Для того, чтобы увидеть результат работы написанного кода на экране, вам нужно сохранить этот файл с расширением html, а затем открыть его в любом удобном для вас браузере.
Сейчас для того, чтобы верстка вашего сайта считалась валидной, рекомендуют задавать цвета элементов в таблице каскадных стилей через соответствующие правила и свойства. Правила такой вставки в CSS ничем не отличаются от описанных выше.
Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».
Выбор цвета из палитры специальной программы или захват его с экрана
Как я уже писал чуть выше, повсеместно используется RGB (красный, зеленый, синий) цветовая схема. Для каждого из трех основных колоров предусмотрено 256 градаций – от 0 до 255 (если перевести эти значения в шестнадцатеричную систему счисления, то получим – от 00 до FF).
Т.к. у нас три основных колора, из комбинации которых формируются все остальные оттенки, то шестнадцатиричная запись будет иметь примерно такой вид: 99FF66 (оттенок зеленого). Добавив перед ним # получим код #99FF66, который можно использовать как в Html, так и в стилевых файлах. Само собой разумеется, что вы сами не должны вычислять и помнить всю эту абрукадабру.
Для этого можно воспользоваться специальной программой, позволяющей выбрать нужный оттенок на палитре (или захватить его с экрана инструментом типа пипетки) и тут же получить его код. Можно и не иметь программы, а зайти на Яндекс и набрать в строке запроса название любого цвета (об этом я писал чуть выше).
Вот список программ, которые позволяют все это реализовать в полной мере:
ColorPic
ColorMania
Contrast Analyser 2. 0
Absolute Color Picker
Just Color Picker
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
Таблица HTML цветов
Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме
Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.
HTML Имя Цвета
HEX
RGB
Красные тона:
IndianRed
#CD5C5C
205, 92, 92
LightCoral
#F08080
240, 128, 128
Salmon
#FA8072
250, 128, 114
DarkSalmon
#E9967A
233, 150, 122
LightSalmon
#FFA07A
255, 160, 122
Crimson
#DC143C
220, 20, 60
Red
#FF0000
255, 0, 0
FireBrick
#B22222
178, 34, 34
DarkRed
#8B0000
139, 0, 0
Розовые тона:
Pink
#FFC0CB
255, 192, 203
LightPink
#FFB6C1
255, 182, 193
HotPink
#FF69B4
255, 105, 180
DeepPink
#FF1493
255, 20, 147
MediumVioletRed
#C71585
199, 21, 133
PaleVioletRed
#DB7093
219, 112, 147
Оранжевые тона:
LightSalmon
#FFA07A
255, 160, 122
Coral
#FF7F50
255, 127, 80
Tomato
#FF6347
255, 99, 71
OrangeRed
#FF4500
255, 69, 0
DarkOrange
#FF8C00
255, 140, 0
Orange
#FFA500
255, 165, 0
Жёлтые тона:
Gold
#FFD700
255, 215, 0
Yellow
#FFFF00
255, 255, 0
LightYellow
#FFFFE0
255, 255, 224
LemonChiffon
#FFFACD
255, 250, 205
LightGoldenrodYellow
#FAFAD2
250, 250, 210
PapayaWhip
#FFEFD5
255, 239, 213
Moccasin
#FFE4B5
255, 228, 181
PeachPuff
#FFDAB9
255, 218, 185
PaleGoldenrod
#EEE8AA
238, 232, 170
Khaki
#F0E68C
240, 230, 140
DarkKhaki
#BDB76B
189, 183, 107
Фиолетовые тона:
Lavender
#E6E6FA
230, 230, 250
Thistle
#D8BFD8
216, 191, 216
Plum
#DDA0DD
221, 160, 221
Violet
#EE82EE
238, 130, 238
Orchid
#DA70D6
218, 112, 214
Fuchsia
#FF00FF
255, 0, 255
Magenta
#FF00FF
255, 0, 255
MediumOrchid
#BA55D3
186, 85, 211
MediumPurple
#9370DB
147, 112, 219
BlueViolet
#8A2BE2
138, 43, 226
DarkViolet
#9400D3
148, 0, 211
DarkOrchid
#9932CC
153, 50, 204
DarkMagenta
#8B008B
139, 0, 139
Purple
#800080
128, 0, 128
Indigo
#4B0082
75, 0, 130
SlateBlue
#6A5ACD
106, 90, 205
DarkSlateBlue
#483D8B
72, 61, 139
Коричневые тона:
Cornsilk
#FFF8DC
255, 248, 220
BlanchedAlmond
#FFEBCD
255, 235, 205
Bisque
#FFE4C4
255, 228, 196
NavajoWhite
#FFDEAD
255, 222, 173
Wheat
#F5DEB3
245, 222, 179
BurlyWood
#DEB887
222, 184, 135
Tan
#D2B48C
210, 180, 140
RosyBrown
#BC8F8F
188, 143, 143
SandyBrown
#F4A460
244, 164, 96
Goldenrod
#DAA520
218, 165, 32
DarkGoldenRod
#B8860B
184, 134, 11
Peru
#CD853F
205, 133, 63
Chocolate
#D2691E
210, 105, 30
SaddleBrown
#8B4513
139, 69, 19
Sienna
#A0522D
160, 82, 45
Brown
#A52A2A
165, 42, 42
Maroon
#800000
128, 0, 0
Основные цвета:
Black
#000000
0, 0, 0
Gray
#808080
128, 128, 128
Silver
#C0C0C0
192, 192, 192
White
#FFFFFF
255, 255, 255
Fuchsia
#FF00FF
255, 0, 255
Purple
#800080
128, 0, 128
Red
#FF0000
255, 0, 0
Maroon
#800000
128, 0, 0
Yellow
#FFFF00
255, 255, 0
Olive
#808000
128, 128, 0
Lime
#00FF00
0, 255, 0
Green
#008000
0, 128, 0
Aqua
#00FFFF
0, 255, 255
Teal
#008080
0, 128, 128
Blue
#0000FF
0, 0, 255
Navy
#000080
0, 0, 128
HTML Имя Цвета
HEX
RGB
Зелёные тона:
GreenYellow
#ADFF2F
173, 255, 47
Chartreuse
#7FFF00
127, 255, 0
LawnGreen
#7CFC00
124, 252, 0
Lime
#00FF00
0, 255, 0
LimeGreen
#32CD32
50, 205, 50
PaleGreen
#98FB98
152, 251, 152
LightGreen
#90EE90
144, 238, 144
MediumSpringGreen
#00FA9A
0, 250, 154
SpringGreen
#00FF7F
0, 255, 127
MediumSeaGreen
#3CB371
60, 179, 113
SeaGreen
#2E8B57
46, 139, 87
ForestGreen
#228B22
34, 139, 34
Green
#008000
0, 128, 0
DarkGreen
#006400
0, 100, 0
YellowGreen
#9ACD32
154, 205, 50
OliveDrab
#6B8E23
107, 142, 35
Olive
#808000
128, 128, 0
DarkOliveGreen
#556B2F
85, 107, 47
MediumAquamarine
#66CDAA
102, 205, 170
DarkSeaGreen
#8FBC8F
143, 188, 143
LightSeaGreen
#20B2AA
32, 178, 170
DarkCyan
#008B8B
0, 139, 139
Teal
#008080
0, 128, 128
Синие тона:
Aqua
#00FFFF
0, 255, 255
Cyan
#00FFFF
0, 255, 255
LightCyan
#E0FFFF
224, 255, 255
PaleTurquoise
#AFEEEE
175, 238, 238
Aquamarine
#7FFFD4
127, 255, 212
Turquoise
#40E0D0
64, 224, 208
MediumTurquoise
#48D1CC
72, 209, 204
DarkTurquoise
#00CED1
0, 206, 209
CadetBlue
#5F9EA0
95, 158, 160
SteelBlue
#4682B4
70, 130, 180
LightSteelBlue
#B0C4DE
176, 196, 222
PowderBlue
#B0E0E6
176, 224, 230
LightBlue
#ADD8E6
173, 216, 230
SkyBlue
#87CEEB
135, 206, 235
LightSkyBlue
#87CEFA
135, 206, 250
DeepSkyBlue
#00BFFF
0, 191, 255
DodgerBlue
#1E90FF
30, 144, 255
CornflowerBlue
#6495ED
100, 149, 237
MediumSlateBlue
#7B68EE
123, 104, 238
RoyalBlue
#4169E1
65, 105, 225
Blue
#0000FF
0, 0, 255
MediumBlue
#0000CD
0, 0, 205
DarkBlue
#00008B
0, 0, 139
Navy
#000080
0, 0, 128
MidnightBlue
#191970
25, 25, 112
Белые тона:
White
#FFFFFF
255, 255, 255
Snow
#FFFAFA
255, 250, 250
Honeydew
#F0FFF0
240, 255, 240
MintCream
#F5FFFA
245, 255, 250
Azure
#F0FFFF
240, 255, 255
AliceBlue
#F0F8FF
240, 248, 255
GhostWhite
#F8F8FF
248, 248, 255
WhiteSmoke
#F5F5F5
245, 245, 245
Seashell
#FFF5EE
255, 245, 238
Beige
#F5F5DC
245, 245, 220
OldLace
#FDF5E6
253, 245, 230
FloralWhite
#FFFAF0
255, 250, 240
Ivory
#FFFFF0
255, 255, 240
AntiqueWhite
#FAEBD7
250, 235, 215
Linen
#FAF0E6
250, 240, 230
LavenderBlush
#FFF0F5
255, 240, 245
MistyRose
#FFE4E1
255, 228, 225
Серые тона:
Gainsboro
#DCDCDC
220, 220, 220
LightGrey
#D3D3D3
211, 211, 211
LightGray
#D3D3D3
211, 211, 211
Silver
#C0C0C0
192, 192, 192
DarkGray
#A9A9A9
169, 169, 169
DarkGrey
#A9A9A9
169, 169, 169
Gray
#808080
128, 128, 128
Grey
#808080
128, 128, 128
DimGray
#696969
105, 105, 105
DimGrey
#696969
105, 105, 105
LightSlateGray
#778899
119, 136, 153
LightSlateGrey
#778899
119, 136, 153
SlateGray
#708090
112, 128, 144
SlateGrey
#708090
112, 128, 144
DarkSlateGray
#2F4F4F
47, 79, 79
DarkSlateGrey
#2F4F4F
47, 79, 79
Black
#000000
0, 0, 0
html цвета — название и коды
Подробности
Категория: CSS — при создании сайтов
Просмотров: 19828
Если вы хотите поправить цветовую составляющую текста на вашем сайте, например, для фона — то вам надо, как минимум, узнать что такое web-color. Далее принцип работы простой — вы просто копируете html-код расцветки и вставляете его к себе в css-стилевой файл. В данной статье будут рассмотрены популярные цветовые палитры.
Для чего нужны
Очень часто требуется поменять цвет текста на сайте, мало кто из начинающих к этому прибегает, так как для этого нужно знать html и css. Но, если знаете эти основы web-строительства, то без труда с этой задачей справитесь и в помощь ниже вам будет дана таблица. Обычно начинающие меняют цвет текста маленькими абзацами, например, через встроенные редакторы статей. Но, у меня, к примеру, часто возникает задача поменять цветовое оформление на всем сайте и, поэтому коды цветовых оттенков в html формате — для меня необходимы — «как воздух».
Меняем цвет текста на сайте
1) html код вставляем в специальный файл css, обычно он называется style.css — вот такие примерно строки появятся в нем:
color:#FFF;
Это был пример: мы вставили корректировку, — это и есть код белого цвета в html. Не пугайтесь #FFF — это сокращенная форма, это тоже самое, что и #FFFFFF. Для экономии времени часто пользуются сокращениями, которые есть.
Примерно может выглядеть так — вносим правки в тег body:
body {color:#FFF;}
На закрытых движках типа ucoz — это делается по-другому, хотя там этот css-файл выведен отдельной ссылкой(об этом напишу позже).
2) Если вам нужно поменять цвет текста в отдельном абзаце, то встраивается такая конструкция (но она не приветствуется профессионалами, но на это мало кто смотрит и не смотрят поисковики типа Яндекса и Google, Mail, Rambler — то есть основным ПС это безразлично, потому что это «не ошибка»)
А вставляется такая конструкция:
style="color:#FFF;"
То есть применительно к абзацу, а это тег p, конструкция будет иметь следующий вид:
<p>
В общем ничего сложного! Только смотрите внимательно, белый цвет тут был приведен для примера, если вы назначите его для такого же фона, то текста вы, конечно же, не увидите.
3) Если вам нужно изменить цвет ссылки html — конструкция приобретает следующий вид:
<a href="https://saitsozdanie.ru/">тут текст ссылки</a>
Если вы еще не знаете, что такое тег a — то мы уже об этом писали тут — «как вставить ссылку на сайт». Вообще, цветовое изменение ссылочек — это уже интернет-маркетинг и сильно влияет на продажи — но это совсем другая история и очень интересная.
Таблица цветов html
Только также не забывайте вставить знак решетки перед кодом:
Яндекс также предоставляет онлайн-сервис, иногда тоже помогает, но им все же реже пользуюсь.
Упрощенная форма
Если вы знаете хоть немного знаете английский язык то вам еще проще будет освоить упрощенную форму записи популярных цветов в html на английском. К, примеру: brown — коричневый, green — зеленый, blue — синий, red — красный, white — белый, grey — серый, black — черный и тд. Вот как это будет выглядеть:
<p>
То есть, все то же самое, просто заменяем код на слова.
Пока на этом все, я надеюсь вам была полезна статья, следите за новостями https://saitsozdanie.ru.
Еще
HTML Имя Цвета
HEX
RGB
Красные тона:
IndianRed
#CD5C5C
205, 92, 92
LightCoral
#F08080
240, 128, 128
Salmon
#FA8072
250, 128, 114
DarkSalmon
#E9967A
233, 150, 122
LightSalmon
#FFA07A
255, 160, 122
Crimson
#DC143C
220, 20, 60
Red
#FF0000
255, 0, 0
FireBrick
#B22222
178, 34, 34
DarkRed
#8B0000
139, 0, 0
Розовые тона:
Pink
#FFC0CB
255, 192, 203
LightPink
#FFB6C1
255, 182, 193
HotPink
#FF69B4
255, 105, 180
DeepPink
#FF1493
255, 20, 147
MediumVioletRed
#C71585
199, 21, 133
PaleVioletRed
#DB7093
219, 112, 147
Оранжевые тона:
LightSalmon
#FFA07A
255, 160, 122
Coral
#FF7F50
255, 127, 80
Tomato
#FF6347
255, 99, 71
OrangeRed
#FF4500
255, 69, 0
DarkOrange
#FF8C00
255, 140, 0
Orange
#FFA500
255, 165, 0
Жёлтые тона:
Gold
#FFD700
255, 215, 0
Yellow
#FFFF00
255, 255, 0
LightYellow
#FFFFE0
255, 255, 224
LemonChiffon
#FFFACD
255, 250, 205
LightGoldenrodYellow
#FAFAD2
250, 250, 210
PapayaWhip
#FFEFD5
255, 239, 213
Moccasin
#FFE4B5
255, 228, 181
PeachPuff
#FFDAB9
255, 218, 185
PaleGoldenrod
#EEE8AA
238, 232, 170
Khaki
#F0E68C
240, 230, 140
DarkKhaki
#BDB76B
189, 183, 107
Фиолетовые тона:
Lavender
#E6E6FA
230, 230, 250
Thistle
#D8BFD8
216, 191, 216
Plum
#DDA0DD
221, 160, 221
Violet
#EE82EE
238, 130, 238
Orchid
#DA70D6
218, 112, 214
Fuchsia
#FF00FF
255, 0, 255
Magenta
#FF00FF
255, 0, 255
MediumOrchid
#BA55D3
186, 85, 211
MediumPurple
#9370DB
147, 112, 219
BlueViolet
#8A2BE2
138, 43, 226
DarkViolet
#9400D3
148, 0, 211
DarkOrchid
#9932CC
153, 50, 204
DarkMagenta
#8B008B
139, 0, 139
Purple
#800080
128, 0, 128
Indigo
#4B0082
75, 0, 130
SlateBlue
#6A5ACD
106, 90, 205
DarkSlateBlue
#483D8B
72, 61, 139
Коричневые тона:
Cornsilk
#FFF8DC
255, 248, 220
BlanchedAlmond
#FFEBCD
255, 235, 205
Bisque
#FFE4C4
255, 228, 196
NavajoWhite
#FFDEAD
255, 222, 173
Wheat
#F5DEB3
245, 222, 179
BurlyWood
#DEB887
222, 184, 135
Tan
#D2B48C
210, 180, 140
RosyBrown
#BC8F8F
188, 143, 143
SandyBrown
#F4A460
244, 164, 96
Goldenrod
#DAA520
218, 165, 32
DarkGoldenRod
#B8860B
184, 134, 11
Peru
#CD853F
205, 133, 63
Chocolate
#D2691E
210, 105, 30
SaddleBrown
#8B4513
139, 69, 19
Sienna
#A0522D
160, 82, 45
Brown
#A52A2A
165, 42, 42
Maroon
#800000
128, 0, 0
Основные цвета:
Black
#000000
0, 0, 0
Gray
#808080
128, 128, 128
Silver
#C0C0C0
192, 192, 192
White
#FFFFFF
255, 255, 255
Fuchsia
#FF00FF
255, 0, 255
Purple
#800080
128, 0, 128
Red
#FF0000
255, 0, 0
Maroon
#800000
128, 0, 0
Yellow
#FFFF00
255, 255, 0
Olive
#808000
128, 128, 0
Lime
#00FF00
0, 255, 0
Green
#008000
0, 128, 0
Aqua
#00FFFF
0, 255, 255
Teal
#008080
0, 128, 128
Blue
#0000FF
0, 0, 255
Navy
#000080
0, 0, 128
Зелёные тона:
GreenYellow
#ADFF2F
173, 255, 47
Chartreuse
#7FFF00
127, 255, 0
LawnGreen
#7CFC00
124, 252, 0
Lime
#00FF00
0, 255, 0
LimeGreen
#32CD32
50, 205, 50
PaleGreen
#98FB98
152, 251, 152
LightGreen
#90EE90
144, 238, 144
MediumSpringGreen
#00FA9A
0, 250, 154
SpringGreen
#00FF7F
0, 255, 127
MediumSeaGreen
#3CB371
60, 179, 113
SeaGreen
#2E8B57
46, 139, 87
ForestGreen
#228B22
34, 139, 34
Green
#008000
0, 128, 0
DarkGreen
#006400
0, 100, 0
YellowGreen
#9ACD32
154, 205, 50
OliveDrab
#6B8E23
107, 142, 35
Olive
#808000
128, 128, 0
DarkOliveGreen
#556B2F
85, 107, 47
MediumAquamarine
#66CDAA
102, 205, 170
DarkSeaGreen
#8FBC8F
143, 188, 143
LightSeaGreen
#20B2AA
32, 178, 170
DarkCyan
#008B8B
0, 139, 139
Teal
#008080
0, 128, 128
Синие тона:
Aqua
#00FFFF
0, 255, 255
Cyan
#00FFFF
0, 255, 255
LightCyan
#E0FFFF
224, 255, 255
PaleTurquoise
#AFEEEE
175, 238, 238
Aquamarine
#7FFFD4
127, 255, 212
Turquoise
#40E0D0
64, 224, 208
MediumTurquoise
#48D1CC
72, 209, 204
DarkTurquoise
#00CED1
0, 206, 209
CadetBlue
#5F9EA0
95, 158, 160
SteelBlue
#4682B4
70, 130, 180
LightSteelBlue
#B0C4DE
176, 196, 222
PowderBlue
#B0E0E6
176, 224, 230
LightBlue
#ADD8E6
173, 216, 230
SkyBlue
#87CEEB
135, 206, 235
LightSkyBlue
#87CEFA
135, 206, 250
DeepSkyBlue
#00BFFF
0, 191, 255
DodgerBlue
#1E90FF
30, 144, 255
CornflowerBlue
#6495ED
100, 149, 237
MediumSlateBlue
#7B68EE
123, 104, 238
RoyalBlue
#4169E1
65, 105, 225
Blue
#0000FF
0, 0, 255
MediumBlue
#0000CD
0, 0, 205
DarkBlue
#00008B
0, 0, 139
Navy
#000080
0, 0, 128
MidnightBlue
#191970
25, 25, 112
Белые пастельные тона:
White
#FFFFFF
255, 255, 255
Snow
#FFFAFA
255, 250, 250
Honeydew
#F0FFF0
240, 255, 240
MintCream
#F5FFFA
245, 255, 250
Azure
#F0FFFF
240, 255, 255
AliceBlue
#F0F8FF
240, 248, 255
GhostWhite
#F8F8FF
248, 248, 255
WhiteSmoke
#F5F5F5
245, 245, 245
Seashell
#FFF5EE
255, 245, 238
Beige
#F5F5DC
245, 245, 220
OldLace
#FDF5E6
253, 245, 230
FloralWhite
#FFFAF0
255, 250, 240
Ivory
#FFFFF0
255, 255, 240
AntiqueWhite
#FAEBD7
250, 235, 215
Linen
#FAF0E6
250, 240, 230
LavenderBlush
#FFF0F5
255, 240, 245
MistyRose
#FFE4E1
255, 228, 225
Серые тона:
Gainsboro
#DCDCDC
220, 220, 220
LightGrey
#D3D3D3
211, 211, 211
LightGray
#D3D3D3
211, 211, 211
Silver
#C0C0C0
192, 192, 192
DarkGray
#A9A9A9
169, 169, 169
DarkGrey
#A9A9A9
169, 169, 169
Gray
#808080
128, 128, 128
Grey
#808080
128, 128, 128
DimGray
#696969
105, 105, 105
DimGrey
#696969
105, 105, 105
LightSlateGray
#778899
119, 136, 153
LightSlateGrey
#778899
119, 136, 153
SlateGray
#708090
112, 128, 144
SlateGrey
#708090
112, 128, 144
DarkSlateGray
#2F4F4F
47, 79, 79
DarkSlateGrey
#2F4F4F
47, 79, 79
Black
#000000
0, 0, 0
Смотрите также:
Цвета RAL
Добавить комментарий
Таблица цвета HTML
Цвета в HTML |
Компьютер и цвет |
Таблица цвета HTML |
Таблица безопасных цветов |
Таблица безопасных цветов Боба Штейна
В HTML коде цвет определяется 6-значным кодом RRGGBB (красный, красный, зеленый, зеленый, синий, синий),
а в JavaScript или в CSS 6-значным кодом RRGGBB или словом (по-английски).
Например, вам понравился цвет, который задан словом, а вы хотите использовать его в HTML или вы делаете
рисунок в Photoshop-е, где фон должен быть точно такого же цвета.
Это таблица поможет увидеть соответствие английского слова цветовому коду.
Aliceblue #F0F8FF
Antiquewhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
Blanchedalmond #FFEBCD
Blue #0000FF
Blueviolet #8A2BE2
Brown #A52A2A
Burlywood #DEB887
Cadetblue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
Cornflowerblue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
Darkblue #00008B
Darkcyan #008B8B
Darkgoldenrod #B8860B
Darkgray #A9A9A9
Darkgreen #006400
Darkkhaki #BDB76B
Darkmagenta #8B008B
Darkolivegreen #556B2F
Darkorange #FF8C00
Darkorchid #9932CC
Darkred #8B0000
Darksalmon #E9967A
Darkseagreen #8FBC8F
Darkslateblue #483D8B
Darkslategray #2F4F4F
Darkturquoise #00CED1
Darkviolet #9400D3
deeppink #FF1493
Deepskyblue #00BFFF
Dimgray #696969
Dodgerblue #1E90FF
Firebrick #B22222
Floralwhite #FFFAF0
Forestgreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
Ghostwhite #F8F8FF
Gold #FFD700
Goldenrod #DAA520
Gray #808080
Green #008000
Greenyellow #ADFF2F
Honeydew #F0FFF0
Hotpink #FF69B4
Indianred #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavendar #E6E6FA
Lavenderblush #FFF0F5
Lawngreen #7CFC00
Lemonchiffon #FFFACD
Lightblue #ADD8E6
Lightcoral #F08080
Lightcyan #E0FFFF
Lightgoldenrodyellow #FAFAD2
Lightgreen #90EE90
Lightgrey #D3D3D3
Lightpink #FFB6C1
Lightsalmon #FFA07A
Lightseagreen #20B2AA
Lightskyblue #87CEFA
Lightslategray #778899
Lightsteelblue #B0C4DE
Lightyellow #FFFFE0
Lime #00FF00
Limegreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
Mediumauqamarine #66CDAA
Mediumblue #0000CD
Mediumorchid #BA55D3
Mediumpurple #9370D8
Mediumseagreen #3CB371
Mediumslateblue #7B68EE
Mediumspringgreen #00FA9A
Mediumturquoise #48D1CC
Mediumvioletred #C71585
Midnightblue #191970
Mintcream #F5FFFA
Mistyrose #FFE4E1
Moccasin #FFE4B5
Navajowhite #FFDEAD
Navy #000080
Oldlace #FDF5E6
Olive #808000
Olivedrab #688E23
Orange #FFA500
Orangered #FF4500
Orchid #DA70D6
Palegoldenrod #EEE8AA
Palegreen #98FB98
Paleturquoise #AFEEEE
Palevioletred #D87093
Papayawhip #FFEFD5
Peachpuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
Powderblue #B0E0E6
Purple #800080
Red #FF0000
Rosybrown #BC8F8F
Royalblue #4169E1
Saddlebrown #8B4513
Salmon #FA8072
Sandybrown #F4A460
Seagreen #2E8B57
Seashell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
Skyblue #87CEEB
Slateblue #6A5ACD
Slategray #708090
Snow #FFFAFA
Springgreen #00FF7F
Steelblue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
Whitesmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32
HTML.
Коды и названия цветов
Шестнадцатеричные и RGB коды стандартных цветов в HTML и их названия, которые можно использовать вместо числовых кодов при описании стилей.
Оттенки красного цвета в HTML
Название
Код HEX
Код RGB
Оттенок
IndianRed
#CD5C5C
rgb(205, 92, 92)
LightCoral
#F08080
rgb(240, 128, 128)
Salmon
#FA8072
rgb(250, 128, 114)
DarkSalmon
#E9967A
rgb(233, 150, 122)
LightSalmon
#FFA07A
rgb(255, 160, 122)
Crimson
#DC143C
rgb(220, 20, 60)
Red
#FF0000
rgb(255, 0, 0)
FireBrick
#B22222
rgb(178, 34, 34)
DarkRed
#8B0000
rgb(139, 0, 0)
Оттенки розового цвета в HTML
Название
Код HEX
Код RGB
Оттенок
Pink
#FFC0CB
rgb(255, 192, 203)
LightPink
#FFB6C1
rgb(255, 182, 193)
HotPink
#FF69B4
rgb(255, 105, 180)
DeepPink
#FF1493
rgb(255, 20, 147)
MediumVioletRed
#C71585
rgb(199, 21, 133)
PaleVioletRed
#DB7093
rgb(219, 112, 147)
Оттенки оранжевого цвета в HTML
Название
Код HEX
Код RGB
Оттенок
LightSalmon
#FFA07A
rgb(255, 160, 122)
Coral
#FF7F50
rgb(255, 127, 80)
Tomato
#FF6347
rgb(255, 99, 71)
OrangeRed
#FF4500
rgb(255, 69, 0)
DarkOrange
#FF8C00
rgb(255, 140, 0)
Orange
#FFA500
rgb(255, 165, 0)
Оттенки желтого цвета в HTML
Название
Код HEX
Код RGB
Оттенок
Gold
#FFD700
rgb(255, 215, 0)
Yellow
#FFFF00
rgb(255, 255, 0)
LightYellow
#FFFFE0
rgb(255, 255, 224)
LemonChiffon
#FFFACD
rgb(255, 250, 205)
LightGoldenrodYellow
#FAFAD2
rgb(250, 250, 210)
PapayaWhip
#FFEFD5
rgb(255, 239, 213)
Moccasin
#FFE4B5
rgb(255, 228, 181)
PeachPuff
#FFDAB9
rgb(255, 218, 185)
PaleGoldenrod
#EEE8AA
rgb(238, 232, 170)
Khaki
#F0E68C
rgb(240, 230, 140)
DarkKhaki
#BDB76B
rgb(189, 183, 107)
Оттенки фиолетового цвета в HTML
Название
Код HEX
Код RGB
Оттенок
Lavender
#E6E6FA
rgb(230, 230, 250)
Thistle
#D8BFD8
rgb(216, 191, 216)
Plum
#DDA0DD
rgb(221, 160, 221)
Violet
#EE82EE
rgb(238, 130, 238)
Orchid
#DA70D6
rgb(218, 112, 214)
Fuchsia
#FF00FF
rgb(255, 0, 255)
Magenta
#FF00FF
rgb(255, 0, 255)
MediumOrchid
#BA55D3
rgb(186, 85, 211)
MediumPurple
#9370DB
rgb(147, 112, 219)
RebeccaPurple
#663399
rgb(102, 51, 153)
BlueViolet
#8A2BE2
rgb(138, 43, 226)
DarkViolet
#9400D3
rgb(148, 0, 211)
DarkOrchid
#9932CC
rgb(153, 50, 204)
DarkMagenta
#8B008B
rgb(139, 0, 139)
Purple
#800080
rgb(128, 0, 128)
Indigo
#4B0082
rgb(75, 0, 130)
SlateBlue
#6A5ACD
rgb(106, 90, 205)
DarkSlateBlue
#483D8B
rgb(72, 61, 139)
MediumSlateBlue
#7B68EE
rgb(123, 104, 238)
Оттенки зеленого цвета в HTML
Название
Код HEX
Код RGB
Оттенок
GreenYellow
#ADFF2F
rgb(173, 255, 47)
Chartreuse
#7FFF00
rgb(127, 255, 0)
LawnGreen
#7CFC00
rgb(124, 252, 0)
Lime
#00FF00
rgb(0, 255, 0)
LimeGreen
#32CD32
rgb(50, 205, 50)
PaleGreen
#98FB98
rgb(152, 251, 152)
LightGreen
#90EE90
rgb(144, 238, 144)
MediumSpringGreen
#00FA9A
rgb(0, 250, 154)
SpringGreen
#00FF7F
rgb(0, 255, 127)
MediumSeaGreen
#3CB371
rgb(60, 179, 113)
SeaGreen
#2E8B57
rgb(46, 139, 87)
ForestGreen
#228B22
rgb(34, 139, 34)
Green
#008000
rgb(0, 128, 0)
DarkGreen
#006400
rgb(0, 100, 0)
YellowGreen
#9ACD32
rgb(154, 205, 50)
OliveDrab
#6B8E23
rgb(107, 142, 35)
Olive
#808000
rgb(128, 128, 0)
DarkOliveGreen
#556B2F
rgb(85, 107, 47)
MediumAquamarine
#66CDAA
rgb(102, 205, 170)
DarkSeaGreen
#8FBC8B
rgb(143, 188, 139)
LightSeaGreen
#20B2AA
rgb(32, 178, 170)
DarkCyan
#008B8B
rgb(0, 139, 139)
Teal
#008080
rgb(0, 128, 128)
Оттенки синего цвета в HTML
Название
Код HEX
Код RGB
Оттенок
Aqua
#00FFFF
rgb(0, 255, 255)
Cyan
#00FFFF
rgb(0, 255, 255)
LightCyan
#E0FFFF
rgb(224, 255, 255)
PaleTurquoise
#AFEEEE
rgb(175, 238, 238)
Aquamarine
#7FFFD4
rgb(127, 255, 212)
Turquoise
#40E0D0
rgb(64, 224, 208)
MediumTurquoise
#48D1CC
rgb(72, 209, 204)
DarkTurquoise
#00CED1
rgb(0, 206, 209)
CadetBlue
#5F9EA0
rgb(95, 158, 160)
SteelBlue
#4682B4
rgb(70, 130, 180)
LightSteelBlue
#B0C4DE
rgb(176, 196, 222)
PowderBlue
#B0E0E6
rgb(176, 224, 230)
LightBlue
#ADD8E6
rgb(173, 216, 230)
SkyBlue
#87CEEB
rgb(135, 206, 235)
LightSkyBlue
#87CEFA
rgb(135, 206, 250)
DeepSkyBlue
#00BFFF
rgb(0, 191, 255)
DodgerBlue
#1E90FF
rgb(30, 144, 255)
CornflowerBlue
#6495ED
rgb(100, 149, 237)
MediumSlateBlue
#7B68EE
rgb(123, 104, 238)
RoyalBlue
#4169E1
rgb(65, 105, 225)
Blue
#0000FF
rgb(0, 0, 255)
MediumBlue
#0000CD
rgb(0, 0, 205)
DarkBlue
#00008B
rgb(0, 0, 139)
Navy
#000080
rgb(0, 0, 128)
MidnightBlue
#191970
rgb(25, 25, 112)
Оттенки коричневого цвета в HTML
Название
Код HEX
Код RGB
Оттенок
Cornsilk
#FFF8DC
rgb(255, 248, 220)
BlanchedAlmond
#FFEBCD
rgb(255, 235, 205)
Bisque
#FFE4C4
rgb(255, 228, 196)
NavajoWhite
#FFDEAD
rgb(255, 222, 173)
Wheat
#F5DEB3
rgb(245, 222, 179)
BurlyWood
#DEB887
rgb(222, 184, 135)
Tan
#D2B48C
rgb(210, 180, 140)
RosyBrown
#BC8F8F
rgb(188, 143, 143)
SandyBrown
#F4A460
rgb(244, 164, 96)
Goldenrod
#DAA520
rgb(218, 165, 32)
DarkGoldenrod
#B8860B
rgb(184, 134, 11)
Peru
#CD853F
rgb(205, 133, 63)
Chocolate
#D2691E
rgb(210, 105, 30)
SaddleBrown
#8B4513
rgb(139, 69, 19)
Sienna
#A0522D
rgb(160, 82, 45)
Brown
#A52A2A
rgb(165, 42, 42)
Maroon
#800000
rgb(128, 0, 0)
Оттенки белого цвета в HTML
Название
Код HEX
Код RGB
Оттенок
White
#FFFFFF
rgb(255, 255, 255)
Snow
#FFFAFA
rgb(255, 250, 250)
HoneyDew
#F0FFF0
rgb(240, 255, 240)
MintCream
#F5FFFA
rgb(245, 255, 250)
Azure
#F0FFFF
rgb(240, 255, 255)
AliceBlue
#F0F8FF
rgb(240, 248, 255)
GhostWhite
#F8F8FF
rgb(248, 248, 255)
WhiteSmoke
#F5F5F5
rgb(245, 245, 245)
SeaShell
#FFF5EE
rgb(255, 245, 238)
Beige
#F5F5DC
rgb(245, 245, 220)
OldLace
#FDF5E6
rgb(253, 245, 230)
FloralWhite
#FFFAF0
rgb(255, 250, 240)
Ivory
#FFFFF0
rgb(255, 255, 240)
AntiqueWhite
#FAEBD7
rgb(250, 235, 215)
Linen
#FAF0E6
rgb(250, 240, 230)
LavenderBlush
#FFF0F5
rgb(255, 240, 245)
MistyRose
#FFE4E1
rgb(255, 228, 225)
Оттенки серого цвета в HTML
Название
Код HEX
Код RGB
Оттенок
Gainsboro
#DCDCDC
rgb(220, 220, 220)
LightGray
#D3D3D3
rgb(211, 211, 211)
Silver
#C0C0C0
rgb(192, 192, 192)
DarkGray
#A9A9A9
rgb(169, 169, 169)
Gray
#808080
rgb(128, 128, 128)
DimGray
#696969
rgb(105, 105, 105)
LightSlateGray
#778899
rgb(119, 136, 153)
SlateGray
#708090
rgb(112, 128, 144)
DarkSlateGray
#2F4F4F
rgb(47, 79, 79)
Black
#000000
rgb(0, 0, 0)
Руководство для начинающих по цветовым кодам HTML
Добавление цвета на ваш сайт может вызвать эмоции, создать атмосферу и сделать общий дизайн более целостным.
В этом посте мы расскажем все, что вам нужно знать о принципах дизайна, связанных с цветовыми кодами HTML, чтобы вы могли обновлять и добавлять цвета на свой сайт. Независимо от того, реконструируете ли вы свой веб-сайт или впервые выбираете цветовую палитру, изучение этого важного навыка может помочь вам создать сайт, который последовательно отражает внешний вид вашего бренда.
Начнем с определения цветовых кодов HTML.
Цветовые коды HTML
Каждый день мы видим цвета, и у них есть названия, например, красный и желтый. В этих цветах есть сотни различных оттенков, для которых у нас также есть названия. Например, есть не только розовый, но и неоново-розовый, жевательно-розовый, розовый, фуксия, пурпурный и бесчисленное множество других.
Проблема в том, что даже если мы попытаемся уточнить, эти названия цветов могут интерпретироваться разными людьми по-разному. Неоново-розовый цвет одного человека может быть фуксией другого, а чей-то пурпурным.
Чтобы избежать этой неточности в Интернете, мы используем цветовые коды HTML. Компьютеры могут интерпретировать цветовые коды HTML для отображения соответствующего цвета. Эти коды могут иметь различные форматы, включая шестнадцатеричные цветовые коды. Давайте подробнее рассмотрим этот формат ниже.
Шестнадцатеричные цветовые коды HTML
Шестнадцатеричные цветовые коды — это наиболее популярный формат HTML, используемый на веб-сайтах и в других программных приложениях. Каждый шестнадцатеричный код состоит из трех байтовых шестнадцатеричных чисел, которым предшествует хэштег.
Байт — это пара символов в шестнадцатеричном коде, которые представляют интенсивность трех основных цветов (красного, зеленого и синего) в цвете. Значения варьируются от 00 (самая низкая интенсивность основного цвета) до FF (самая высокая интенсивность основного цвета).
Это означает, что каждый шестнадцатеричный код состоит из трех пар или всего шести символов. Эти шесть символов могут быть любой комбинацией из десяти цифр (0-9) и шести букв (a-f). Эта 16-символьная система счисления известна как шестнадцатеричный код. Всего существует 16 777 216 возможных комбинаций. Попробуем разобраться в некоторых из них.
Чтобы вычислить шестнадцатеричный код белого цвета, учтите, что вам нужно смешать каждый из трех основных цветов с полной интенсивностью. Это означает, что шестнадцатеричный код белого цвета — #FFFFFF. Поскольку у черного цвета отсутствует основной цвет, его шестнадцатеричный код цвета равен #000000. Если вам нужен красный цвет, вам нужна самая высокая интенсивность красного и самая низкая интенсивность двух других основных цветов. Таким образом, шестнадцатеричный код красного цвета будет #FF0000. Взгляните на диаграмму ниже для нескольких других комбинаций.
Источник
Взгляните на скриншот ниже, чтобы увидеть больше примеров.
Источник
Чтобы лучше познакомиться с шестнадцатеричными кодами, вы можете поиграть с онлайн-инструментами, такими как палитры цветов и колеса.
Используя палитру цветов, показанную ниже, вы можете рассчитать шестнадцатеричные коды различных цветов, от черного и белого до самых глубоких зеленых и самых ярких синих.
Источник
Как только вы найдете цвет, который вам нравится, запишите его шестнадцатеричный код. Таким образом, вы можете повторно использовать одни и те же цвета в разных дизайнах и каналах, что очень важно для единообразного брендинга.
Теперь, когда вы понимаете, что такое цветовые коды HTML и, в частности, шестнадцатеричные коды, давайте посмотрим, как вы можете использовать цветовые коды HTML.
Как использовать цветовые коды HTML
Вы можете добавить шестнадцатеричные коды в HTML вашего сайта, чтобы изменить цвет отдельных элементов.
Например, вы хотите изменить цвет абзаца на красный. Вы просто добавляете атрибут стиля к элементу абзаца, который хотите раскрасить, и используете свойство цвета с правильным шестнадцатеричным кодом. Код будет выглядеть так:
Красный текст абзаца
Используя этот код, я мог преобразовать вступление этого сообщения в блоге, сделав первый абзац красным. Во внешнем интерфейсе это будет выглядеть примерно так:
Источник
Вы также можете разделить HTML и CSS и добиться того же результата.
Вот код CSS, который вы бы поместили в заголовок документа:
тело {
цвет:#FF0000;
}
Вот HTML-код, который вы должны поместить в основной раздел документа:
Красный текст абзаца
Используя тот же процесс, вы можете изменить цвет фона, текста и других элементов на вашем сайте.
Создание сайта в цвете
Цвет может помочь выделить элемент на странице, повысить узнаваемость бренда и сделать ваш сайт запоминающимся. Теперь, когда у вас есть общее представление о цветовых кодах HTML, вы можете добавить или изменить цвет на своем сайте, чтобы создать целостный дизайн.
Теперь, когда у вас есть цветовые коды HTML, узнайте о других кодах HTML, которые могут помочь вам правильно отображать информацию на вашем веб-сайте и вносить необходимые обновления.
Первоначально опубликовано 1 марта 2020 г., 8:00:00, обновлено 3 июня 2022 г.
Не забудьте поделиться этой публикацией!
Шестнадцатеричные коды цветов HTML — GeeksforGeeks
Пример: В этом примере мы просто печатаем различные шестнадцатеричные коды цветов, используя стиль background-color в теге заголовка HTML.
< H3 Стиль = "Фонодоркол:#CD5C5C;" " >#CD5C5C H3 >
< H3 Стиль = "Фонодокрор:#FFA07 >#FFA07A H3 >
< H3 Стиль = "Фонодокоррек:#DC143C; >#DC143C h3 >
Body >
HTML >
Выход:
. компьютер может читать и отображать. Наиболее часто используемыми цветовыми кодами являются шестнадцатеричные коды. Шестнадцатеричные коды представляют собой трехбайтовые шестнадцатеричные числа (состоящие из шести переменных) с парой символов в шестнадцатеричном коде, представляющих интенсивность красного, зеленого и синего цвета соответственно.
Формат шестнадцатеричных цветовых кодов: Каждый шестнадцатеричный цветовой код содержит символ «#» , за которым следуют 6 букв или цифр. Числа в шестнадцатеричной системе счисления. Существует 1,67,77,216 различных цветовых вариантов. Диапазон значений кода 00 представляет самую низкую интенсивность цвета, с другой стороны, диапазон значений FF кода представляет самую высокую интенсивность.
Значение шестнадцатеричного кода:
1-й и 2-й 9Переменная 0098 в шестнадцатеричном цветовом коде представляет интенсивность красного цвета .
3-я и 4-я переменные представляют интенсивность зеленого цвета .
5-я и 6-я переменные представляют интенсивность синего .
Комбинируя интенсивность красного, зеленого и синего цветов, можно получить почти любой цвет.
Белый цвет представляет собой смесь трех основных цветов полной интенсивности, представляющих шестнадцатеричный код цвета 9.0097 #FFFFFF .
Черный цвет представляет собой смесь трех основных цветов с наименьшей интенсивностью, что соответствует цветовому коду #000000 .
< H3 Стиль = "Фонодок-колокол: #0000ff; >#0000FF h3 >
< h3 стиль = "background-color:#FFFF00;" >#FFFF00 H3 >
< H3 Стиль = "Фонодок: #CCEEFF;" " >#CCEEFF h3 >
корпус >
. #00FF00 — этот цветовой код HTML показывает только зеленый цвет, а не красный и синий. #0000FF — этот цветовой код HTML показывает только синий цвет, а не красный и зеленый. #FFFF00 — этот цветовой код HTML представляет собой смесь красного и зеленого цветов, определенных как желтый. #CCEEFF — этот цветовой код HTML представляет собой смесь большего количества зеленого и максимального синего цвета, обеспечивающего цвет, подобный небу.
List of some common HTML color codes:
COLOR NAME
HEX COLOR CODE
RGB COLOR CODE
SILVER
#C0C0C0
RGB(192, 192, 192)
GRAY
#808080
RGB(128, 128, 128)
MAROON
#800000
RGB(128, 0, 0)
OLIVE
#808000
RGB(128, 128, 0)
LIME
#00FF00
RGB(0, 255, 0)
AQUA
#00FFFF
RGB(0, 255, 255)
TEAL
#008080
RGB(0, 128, 128)
NAVY
#000080
RGB(0, 0, 128)
FUCHSIA
#FF00FF
RGB(255, 0, 255)
PURPLE
#800080
RGB(128, 0, 128)
INDIANRED
#CD5C5C
RGB(205, 92, 92)
LIGHTCORAL
#F08080
RGB(240, 128, 128)
SALMON
#FA8072
RGB(250, 128, 114)
DARKSALMON
#E9967A
RGB(233, 150, 122)
LIGHTSALMON
#FFA07A
RGB(255, 160, 122)
Шестнадцатеричные коды цветов с насыщенностью основных цветов и яркостью используемых цветов:
Оттенки КРАСНОГО Цвета:
Пример:
Color Name
HTML Color Code
RGB Color Code
lightsalmon
#FFA07A
rgb(255,160,122)
salmon
#FA8072
rgb(250,128,114)
darksalmon
#E9967A
rgb(233,150,122)
lightcoral
#F08080
rgb(240,128,128)
indianred
#CD5C5C
rgb(205,92,92)
crimson
#DC143C
rgb(220,20,60)
firebrick
#B22222
rgb(178,34,34)
red
#FF0000
rgb(255,0,0)
darkred
#8B0000
rgb(139,0,0)
HTML
< HTML
> < HTML
<
<
<
. 0107>
< Название > Шторы красных цветов >
>
>
. >
< H2 > Добро пожаловать в Geeksforgeeks H2 >
<
<
<
.0108 h3 стиль = "фоновый цвет:#FFA07A;" >#FFA07A H3 >
< H3 Стиль = "Фонодокорночный:#FA807; >#FA8072 H3 >
< H3 Стиль = "Фонодок-колокол:#FF0000; >#FF0000 h3 >
< h3 стиль фона
7 = "
8" >#8B0000 h3 >
body >
html >
Output:
Точно так же мы можем иметь оттенки и других цветов.
HTML является основой веб-страниц, используется для разработки веб-страниц путем структурирования веб-сайтов и веб-приложений. Вы можете изучить HTML с нуля, следуя этому руководству по HTML и примерам HTML.
Код цвета HTML
Цветовой код HTML
Безопасные цвета для Интернета
Цветовое колесо
Цветовая модель RGB
Реклама
Цветовой код HTML имеет шесть шестнадцатеричных значений (например, #AADDBB). Эти шесть букв представляют собой 2 для красного, 2 для зеленого и 2 для синего. А также значения начинаются от 00 до ff (от минимума до максимума). Теперь, если мы хотим создать любой цвет, мы можем просто предположить, какое количество цвета нам нужно? например, чтобы создать красный цвет, нам не нужен зеленый или синий, нам нужно только максимальное значение красного.
Итак, красный цвет = ff0000, аналогично, если нам нужен желтый цвет, мы убираем красный и добавляем равное количество синего и зеленого. То же самое и с другими цветовыми кодами. Если вы понимаете этот факт, мы можем создавать любые цветовые коды, как захотим, изменяя параметры, а не заучив эти коды наизусть. И это лучший способ работать с цветовым кодом HTML. Если только вы не используете для этого специальный софт.
Вот некоторые стандартные цветовые значения коллекции.
RGB
Цветовой код HTML
Имя
Внешний вид
255 250 250
ФФФАФА
снег
248 248 255
Ф8Ф8ФФ
Призрачный белый
245 245 245
Ф5Ф5Ф5
белый дым
245 245 245
Ф5Ф5Ф5
Белый дым
220 220 220
DCDCDC
Гейнсборо
255 250 240
ФФФАФ0
цветочный белый
255 250 240
ФФФАФ0
Цветочный белый
253 245 230
FDF5E6
старое кружево
253 245 230
FDF5E6
Олдлейс
250 240 230
ФАФ0Е6
белье
250 235 215
FAEBD7
антично-белый
250 235 215
FAEBD7
Античный белый
255 239 213
FFEFD5
венчик папайи
255 239 213
FFEFD5
Папайя Whip
255 235 205
FFEBCD
бланшированный миндаль
255 235 205
FFEBCD
Бланшированный миндаль
255 228 196
FFE4C4
бисквит
255 218 185
FFDAB9
слоеный персик
255 218 185
FFDAB9
Персиковый пафф
255 222 173
FFDEAD
белый навахо
255 222 173
FFDEAD
НавахоБелый
255 228 181
ФФЭ4Б5
мокасины
255 248 220
FFF8DC
кукурузный шелк
255 255 240
ФФФФФ0
слоновая кость
255 250 205
FFFACD
лимонный шифон
255 250 205
FFFACD
лимонный шифон
255 245 238
FFF5EE
морская ракушка
240 255 240
Ф0ФФФ0
медвяная роса
245 255 250
Ф5ФФФА
мятно-кремовый
245 255 250
Ф5ФФФА
Мятный крем
240 255 255
Ф0ФФФФ
лазурный
240 248 255
Ф0Ф8ФФ
Алиса синий
240 248 255
Ф0Ф8ФФ
AliceBlue
230 230 250
E6E6FA
лаванда
255 240 245
FFF0F5
лавандовые румяна
255 240 245
FFF0F5
Лавандовый румянец
255 228 225
FFE4E1
туманная роза
255 228 225
FFE4E1
МистиРоуз
255 255 255
ФФФФФФ
белый
0 0 0
000000
черный
47 79 79
2F4F4F
темно-серый сланец
47 79 79
2F4F4F
Темно-сланцево-серый
47 79 79
2F4F4F
темно-серый сланец
47 79 79
2F4F4F
Темно-сланцево-серый
105 105 105
6
тусклый серый
105 105 105
6
Темно-серый
105 105 105
6
тусклый серый
105 105 105
6
Темно-серый
112 128 144
708090
серый сланец
112 128 144
708090
Шиферно-серый
112 128 144
708090
серый сланец
112 128 144
708090
Шиферно-серый
119 136 153
778899
светло-серый сланец
119 136 153
778899
светло-серый
119 136 153
778899
светло-серый сланец
119 136 153
778899
светло-серый
190 190 190
БЕБЕБЕ
серый
190 190 190
БЕБЕБЕ
серый
211 211 211
Д3Д3Д3
светло-серый
211 211 211
Д3Д3Д3
светло-серый
211 211 211
Д3Д3Д3
светло-серый
211 211 211
Д3Д3Д3
светло-серый
25 25 112
1
темно-синий
25 25 112
1
Полночно-синий
0 0 128
000080
темно-синий
0 0 128
000080
темно-синий
0 0 128
000080
Темно-синий
100 149 237
6495ED
васильковый
100 149237
6495ED
Васильковый
72 61 139
483D8B
темно-синий
72 61 139
483D8B
темно-синий
106 90 205
6A5ACD
синевато-серый
106 90 205
6A5ACD
сланцево-синий
123 104 238
7B68EE
средний сланцево-синий
123 104 238
7B68EE
MediumSlateBlue
132 112 255
8470FF
светло-серый
132 112 255
8470FF
светло-синий
0 0 205
0000CD
средне-синий
0 0 205
0000CD
Средне-синий
65 105 225
4169E1
королевский синий
65 105 225
4169E1
Королевский синий
0 0 255
0000FF
синий
30 144 255
1E90FF
Доджер синий
30 144 255
1E90FF
Синий Доджер
0 191 255
00БФФФ
темно-синий
0 191 255
00БФФФ
Глубокий небесно-голубой
135 206 235
87CEEB
голубой
135 206 235
87CEEB
Небесно-голубой
135 206 250
87CEFA
светло-голубой
135 206 250
87CEFA
светло-голубой
70 130 180
4682B4
стальной синий
70 130 180
4682B4
Стальной синий
176 196 222
B0C4DE
светло-стальной синий
176 196 222
B0C4DE
LightSteelBlue
173 216 230
АДД8Е6
голубой
173 216 230
АДД8Е6
Голубой
176 224 230
B0E0E6
синий порошок
176 224 230
B0E0E6
ПорошокСиний
175 238 238
АФЕЕЕЕ
светло-бирюзовый
175 238 238
АФЕЕЕЕ
Бледно-бирюзовый
0 206 209
00CED1
темно-бирюзовый
0 206 209
00CED1
Темно-Бирюзовый
72 209 204
48D1CC
средний бирюзовый
72 209 204
48D1CC
СреднийБирюзовый
64 224 208
40E0D0
бирюзовый
0 255 255
00FFFF
голубой
224 255 255
Э0ФФФФ
светло-голубой
224 255 255
Э0ФФФФ
светло-голубой
95 158 160
5F9EA0
кадетский синий
95 158 160
5F9EA0
КадетСиний
102 205 170
66CDAA
средний аквамарин
102 205 170
66CDAA
СреднийАквамарин
127 255 212
7FFFD4
аквамарин
0 100 0
006400
темно-зеленый
0 100 0
006400
темно-зеленый
85 107 47
556B2F
темно-оливковый зеленый
85 107 47
556B2F
Темно-оливково-зеленый
143 188 143
8FBC8F
темно-зеленый цвет морской волны
143 188 143
8FBC8F
темно-зеленый
46 139 87
2E8B57
цвет морской волны
46 139 87
2E8B57
Морская зелень
60 179 113
3CB371
средний морской зеленый
60 179 113
3CB371
MediumSeaGreen
32 178 170
20Б2АА
светло-зеленый
32 178 170
20Б2АА
светло-зеленый
152 251 152
98FB98
бледно-зеленый
152 251 152
98FB98
бледно-зеленый
0 255 127
00FF7F
весенне-зеленый
0 255 127
00FF7F
ВеснаЗеленый
124 252 0
7CFC00
зеленый газон
124 252 0
7CFC00
зеленый газон
0 255 0
00FF00
зеленый
127 255 0
7FFF00
шартрез
0 250 154
00FA9A
средний весенне-зеленый
0 250 154
00FA9A
MediumSpringЗеленый
173 255 47
АДФФ2Ф
зеленый желтый
173 255 47
АДФФ2Ф
ЗеленыйЖелтый
50 205 50
32CD32
зеленый лайм
50 205 50
32CD32
Зеленый лайм
154 205 50
9ACD32
желто-зеленый
154 205 50
9ACD32
Желто-зеленый
34 139 34
228B22
зеленый лес
34 139 34
228B22
Зеленый лес
107 142 35
6B8E23
оливково-серый
107 142 35
6B8E23
Оливково-серый
189 183 107
БДБ76Б
темный хаки
189 183 107
БДБ76Б
Темный Хаки
240 230 140
Ф0Э68К
хаки
238 232 170
ЭЭЭ8АА
бледный золотарник
238 232 170
ЭЭЭ8АА
Бледный золотарник
250 250 210
ФАФАД2
светло-желтый золотарник
250 250 210
ФАФАД2
Золотарник светлыйЖелтый
255 255 224
FFFFE0
светло-желтый
255 255 224
FFFFE0
светло-желтый
255 255 0
FFFF00
желтый
255 215 0
ФФД700
золото
238 221 130
EEDD82
золотарник светлый
238 221 130
EEDD82
СветлыйЗолотарник
218 165 32
ДАА520
золотарник
184 134 11
Б8860Б
тёмный золотарник
184 134 11
Б8860Б
ТемныйЗолотарник
188 143 143
БК8Ф8Ф
розово-коричневый
188 143 143
БК8Ф8Ф
РозиБраун
205 92 92
CD5C5C
индийский красный
205 92 92
CD5C5C
Индийский красный
139 69 19
8B4513
седельно-коричневый
139 69 19
8B4513
Коричневое седло
160 82 45
А0522Д
сиена
205 133 63
КД853Ф
перу
222 184 135
ДЕБ887
бурливуд
245 245 220
Ф5Ф5ДК
бежевый
245 222 179
F5DEB3
пшеница
244 164 96
Ф4А460
песочно-коричневый
244 164 96
Ф4А460
СэндиБраун
210 180 140
Д2Б48К
желтовато-коричневый
210 105 30
Д2691Е
шоколад
178 34 34
B22222
огнеупорный кирпич
165 42 42
А52А2А
коричневый
233 150 122
Э9967А
темный лосось
233 150 122
Э9967А
Темный лосось
250 128 114
FA8072
лосось
255 160 122
ФФА07А
светлый лосось
255 160 122
ФФА07А
Светлый лосось
255 165 0
FFA500
оранжевый
255 140 0
FF8C00
темно-оранжевый
255 140 0
FF8C00
Темно-оранжевый
255 127 80
ФФ7Ф50
коралловый
240 128 128
Ф08080
светло-коралловый
240 128 128
Ф08080
Светло-коралловый
255 99 71
ФФ6347
помидор
255 69 0
ФФ4500
оранжевый красный
255 69 0
ФФ4500
ОранжевыйКрасный
255 0 0
FF0000
красный
255 105 180
ФФ69Б4
ярко-розовый
255 105 180
ФФ69Б4
ярко-розовый
255 20 147
ФФ1493
темно-розовый
255 20 147
ФФ1493
DeepPink
255 192 203
FFC0CB
розовый
255 182 193
ФФБ6С1
светло-розовый
255 182 193
ФФБ6С1
светло-розовый
219 112 147
ДБ7093
светло-фиолетовый красный
219 112 147
ДБ7093
Бледно-фиолетовыйКрасный
176 48 96
B03060
темно-бордовый
199 21 133
С71585
средний фиолетово-красный
199 21 133
С71585
Средний ФиолетовыйКрасный
208 32 144
Д02090
фиолетово-красный
208 32 144
Д02090
фиолетово-красный
255 0 255
ФФ00ФФ
пурпурный
238 130 238
ЕЕ82ЕЕ
фиолетовый
221 160 221
ДДА0ДД
слива
218 112 214
ДА70Д6
орхидея
186 85 211
БА55Д3
средняя орхидея
186 85 211
БА55Д3
СредняяОрхидея
153 50 204
9932CC
темная орхидея
153 50 204
9932CC
ТемнаяОрхидея
148 0 211
9400D3
темно-фиолетовый
148 0 211
9400D3
Темно-фиолетовый
138 43 226
8A2BE2
сине-фиолетовый
138 43 226
8A2BE2
сине-фиолетовый
160 32 240
А020Ф0
фиолетовый
147 112 219
9370ДБ
средне-фиолетовый
147 112 219
9370ДБ
Средний фиолетовый
216 191 216
Д8БФД8
чертополох
255 250 250
ФФФАФА
снег1
238 233 233
EEE9E9
снег2
205 201 201
CDC9C9
снег3
139 137 137
8B8989
снег4
255 245 238
FFF5EE
морская ракушка1
238 229 222
EEE5DE
морская ракушка2
205 197 191
CDC5BF
морская ракушка3
139 134 130
8B8682
морская ракушка4
255 239 219
FFEFDB
Античный белый1
238 223 204
EEDFCC
Античный белый2
205 192 176
CDC0B0
Античный белый3
139 131 120
8B8378
Античный белый4
255 228 196
FFE4C4
бисквитный1
238 213 183
EED5B7
бисквит2
205 183 158
CDB79Е
бисквит3
139 125 107
8B7D6B
бисквит4
255 218 185
FFDAB9
Персик1
238 203 173
ЕЕКБАД
PeachPuff2
205 175 149
CDAF95
PeachPuff3
139 119 101
8B7765
PeachPuff4
255 222 173
FFDEAD
НавахоБелый1
238 207 161
ВЕКФА1
НавахоБелый2
205 179 139
КДБ38Б
НавахоБелый3
139 121 94
8B795E
НавахоБелый4
255 250 205
FFFACD
ЛимонныйШифон1
238 233 191
EEE9BF
ЛимонныйШифон2
205 201 165
CDC9A5
ЛимонныйШифон3
139 137 112
8B8970
ЛимонныйШифон4
255 248 220
FFF8DC
кукурузный шелк1
238 232 205
EEE8CD
кукурузный шелк2
205 200 177
CDC8B1
кукурузный шелк3
139 136 120
8B8878
кукурузный шелк4
255 255 240
ФФФФФ0
слоновая кость1
238 238 224
ЕЕЕЕ0
слоновая кость2
205 205 193
CDCDC1
слоновая кость3
139 139 131
8B8B83
слоновая кость4
240 255 240
Ф0ФФФ0
медвяная роса1
224 238 224
Э0ЕЕЕ0
медвяная роса2
193 205 193
C1CDC1
медвяная роса3
131 139 131
838B83
медвяная роса4
255 240 245
FFF0F5
Лавандовый румянец2
238 224 229
EEE0E5
Лавандовый румянец3
205 193 197
CDC1C5
Лавандовый румянец4
139 131 134
8B8386
Лавандовый румянец5
255 228 225
FFE4E1
МистиРоуз1
238 213 210
EED5D2
МистиРоуз2
205 183 181
CDB7B5
МистиРоуз3
139 125 123
8B7D7B
МистиРоуз4
240 255 255
Ф0ФФФФ
лазурный1
224 238 238
Э0ЕЕЕЕ
лазурный2
193 205 205
C1CDCD
лазурный3
131 139 139
838B8B
лазурный4
131 111 255
836FFF
Сланцево-синий1
122 103 238
7A67EE
сланцево-синий2
105 89 205
6959CD
Сланцево-синий3
71 60 139
473C8B
Шиферно-синий4
72 118 255
4876FF
Королевский синий1
67 110 238
436ЕЕЕ
Королевский синий2
58 95 205
3A5FCD
Королевский синий3
39 64 139
27408Б
Королевский синий4
0 0 255
0000FF
синий1
0 0 238
0000EE
синий2
0 0 205
0000CD
синий3
0 0 139
00008B
синий4
30 144 255
1E90FF
DodgerBlue1
28 134 238
1C86EE
DodgerBlue2
24 116 205
1874CD
DodgerBlue3
16 78 139
104E8B
DodgerBlue4
99 184 255
63B8FF
Стальной синий1
92 172 238
5CACEE
SteelBlue2
79 148 205
4F94CD
SteelBlue3
54 100 139
36648B
SteelBlue4
0 191 255
00БФФФ
DeepSkyBlue1
0 178 238
00B2EE
DeepSkyBlue2
0 154 205
009ACD
DeepSkyBlue3
0 104 139
00688B
DeepSkyBlue4
135 206 255
87CEFF
Небесно-голубой1
126 192 238
7EC0EE
Небесно-голубой2
108 166 205
6CA6CD
Небесно-голубой3
74 112 139
4A708B
Небесно-голубой4
176 226 255
Б0Э2ФФ
Светло-голубой1
164 211 238
А4Д3ЕЕ
Светло-голубой2
141 182 205
8DB6CD
Светло-голубой3
96 123 139
607B8B
Светло-голубой4
198 226 255
К6Е2ФФ
Шиферно-серый1
185 211 238
Б9Д3ЕЕ
Шиферно-серый2
159 182 205
9FB6CD
Шиферно-серый3
108 123 139
6C7B8B
Шиферно-серый4
202 225 255
КАЭ1ФФ
LightSteelBlue1
188 210 238
БКД2ЕЕ
LightSteelBlue2
162 181 205
A2B5CD
LightSteelBlue3
110 123 139
6E7B8B
LightSteelBlue4
191 239 255
БФЭФФФ
Светло-синий1
178 223 238
Б2ДФЭЭ
Светло-синий2
154 192 205
9AC0CD
Светло-синий3
104 131 139
68838B
Светло-синий4
224 255 255
Э0ФФФФ
светло-голубой1
209 238 238
Д1ЕЕЕЕ
светло-голубой2
180 205 205
B4CDCD
светло-голубой3
122 139 139
7A8B8B
светло-голубой4
187 255 255
ББФФФФ
Бледно-бирюзовый1
174 238 238
АЕЕЕЕ
Бледно-бирюзовый2
150 205 205
96CDCD
Бледно-бирюзовый3
102 139 139
668B8B
Бледно-бирюзовый4
152 245 255
98F5FF
КадетСиний1
142 229 238
8EE5EE
КадетСиний2
122 197 205
7AC5CD
КадетСиний3
83 134 139
53868Б
КадетСиний4
0 245 255
00F5FF
бирюзовый1
0 229 238
00E5EE
бирюзовый2
0 197 205
00C5CD
бирюзовый3
0 134 139
00868Б
бирюзовый4
0 255 255
00FFFF
голубой1
0 238 238
00EEEE
голубой2
0 205 205
00CDCD
голубой3
0 139 139
008B8B
голубой4
151 255 255
97FFFF
Темно-сланцево-серый1
141 238 238
8DEEEE
DarkSlateGray2
121 205 205
79CDCD
DarkSlateGray3
82 139 139
528B8B
Темно-сланцево-серый4
127 255 212
7FFFD4
аквамарин1
118 238 198
76ЕЕС6
аквамарин2
102 205 170
66CDAA
аквамарин3
69 139 116
458B74
аквамарин4
193 255 193
C1FFC1
Темно-зеленый1
180 238 180
B4EEB4
Темно-зеленый2
155 205 155
9BCD9B
Темно-зеленый3
105 139 105
698B69
Темно-зеленый4
84 255 159
54FF9F
Морская зелень1
78 238 148
4EEE94
Морская зелень2
67 205 128
43CD80
Морская зелень3
46 139 87
2E8B57
Морская зелень4
154 255 154
9AFF9A
Бледно-зеленый1
144 238 144
90EE90
Бледно-зеленый2
124 205 124
7CCD7C
Бледно-зеленый3
84 139 84
548B54
Бледно-зеленый4
0 255 127
00FF7F
SpringGreen1
0 238 118
00EE76
SpringGreen2
0 205 102
00CD66
SpringGreen3
0 139 69
008B45
SpringGreen4
0 255 0
00FF00
зеленый1
0 238 0
00EE00
зеленый2
0 205 0
00CD00
зеленый3
0 139 0
008B00
зеленый4
127 255 0
7FFF00
шартрез1
118 238 0
76EE00
шартрез2
102 205 0
66CD00
шартрез3
69 139 0
458B00
шартрез4
192 255 62
К0ФФ3Е
Оливково-Drab1
179 238 58
Б3ЕЕ3А
Оливково-Drab2
154 205 50
9ACD32
Оливково-Drab3
105 139 34
698B22
Оливково-Drab4
202 255 112
КАФФ70
Темно-оливково-зеленый1
188 238 104
BCEE68
Темно-оливково-зеленый2
162 205 90
А2КД5А
Темно-оливково-зеленый3
110 139 61
6E8B3D
Темно-оливково-зеленый4
255 246 143
ФФФ68Ф
хаки1
238 230 133
ЕЕЕ685
хаки2
205 198 115
CDC673
хаки3
139 134 78
8B864E
хаки4
255 236 139
ФФЭК8Б
СветлыйЗолотарник1
238 220 130
EEDC82
СветлыйЗолотарник2
205 190 112
CDBE70
СветлыйЗолотарник3
139 129 76
8B814C
СветлыйЗолотарник4
255 255 224
FFFFE0
светло-желтый1
238 238 209
EEEED1
светло-желтый2
205 205 180
CDCDB4
светло-желтый3
139 139 122
8B8B7A
светло-желтый4
255 255 0
FFFF00
желтый1
238 238 0
ЕЕЕЕ00
желтый2
205 205 0
CDCD00
желтый3
139 139 0
8B8B00
желтый4
255 215 0
ФФД700
золото1
238 201 0
ЕЕС900
золото2
205 173 0
CDAD00
золото3
139 117 0
8B7500
золото4
255 193 37
ФФК125
золотарник1
238 180 34
EEB422
золотарник2
205 155 29
CD9B1D
золотарник3
139 105 20
8B6914
золотарник4
255 185 15
ФФБ90Ф
ТемныйЗолотарник1
238 173 14
EEAD0E
ТемныйЗолотарник2
205 149 12
КД950К
ТемныйЗолотарник3
139 101 8
8B6508
ТемныйЗолотарник4
255 193 193
ФФК1С1
РозиБраун1
238 180 180
EEB4B4
РозиБраун2
205 155 155
CD9B9B
РозиБраун3
139 105 105
8B6969
РозиБраун4
255 106 106
ФФ6А6А
Индийский красный1
238 99 99
ЕЕ6363
Индийский красный2
205 85 85
CD5555
Индийский красный3
139 58 58
8B3A3A
Индийский красный4
255 130 71
ФФ8247
сиена1
238 121 66
ЕЕ7942
сиена2
205 104 57
CD6839
сиена3
139 71 38
8B4726
сиена4
255 211 155
ФФД39Б
бурливуд1
238 197 145
ЕЕС591
бурливуд2
205 170 125
КДАА7Д
бурливуд3
139 115 85
8B7355
бурливуд4
255 231 186
FFE7BA
пшеница1
238 216 174
EED8AE
пшеница2
205 186 150
CDBA96
пшеница3
139 126 102
8B7E66
пшеница4
255 165 79
ФФА54Ф
желто-коричневый1
238 154 73
EE9A49
коричневый2
205 133 63
КД853Ф
тан3
139 90 43
8B5A2B
коричневый4
255 127 36
ФФ7Ф24
шоколад1
238 118 33
ЕЕ7621
шоколад2
205 102 29
КД661Д
шоколад3
139 69 19
8B4513
шоколад4
255 48 48
ФФ3030
огнеупорный кирпич1
238 44 44
EE2C2C
огнеупорный кирпич2
205 38 38
CD2626
огнеупорный кирпич3
139 26 26
8B1A1A
огнеупорный кирпич4
255 64 64
ФФ4040
коричневый1
238 59 59
EE3B3B
коричневый2
205 51 51
CD3333
коричневый3
139 35 35
8B2323
коричневый4
255 140 105
FF8C69
лосось1
238 130 98
ЕЕ8262
лосось2
205 112 84
CD7054
лосось3
139 76 57
8B4C39
лосось4
255 160 122
ФФА07А
Светлый лосось1
238 149 114
ЕЕ9572
Светлый лосось2
205 129 98
CD8162
Светлый лосось3
139 87 66
8B5742
Светлый лосось4
255 165 0
FFA500
оранжевый1
238 154 0
EE9A00
оранжевый2
205 133 0
CD8500
оранжевый3
139 90 0
8B5A00
оранжевый4
255 127 0
ФФ7Ф00
Темно-оранжевый1
238 118 0
ЕЕ7600
Темно-оранжевый2
205 102 0
CD6600
Темно-оранжевый3
139 69 0
8B4500
Темно-оранжевый4
255 114 86
ФФ7256
коралловый1
238 106 80
ЕЕ6А50
коралл2
205 91 69
CD5B45
коралл3
139 62 47
8B3E2F
коралловый4
255 99 71
ФФ6347
помидор1
238 92 66
EE5C42
помидор2
205 7957
CD4F39
помидор3
139 54 38
8B3626
помидор4
255 69 0
ФФ4500
ОранжевыйКрасный1
238 64 0
ЕЕ4000
ОранжевыйКрасный2
205 55 0
CD3700
ОранжевыйКрасный3
139 37 0
8B2500
ОранжевыйКрасный4
255 0 0
FF0000
красный1
238 0 0
EE0000
красный2
205 0 0
CD0000
красный3
139 0 0
8B0000
красный4
255 20 147
ФФ1493
DeepPink1
238 18 137
ЕЕ1289
DeepPink2
205 16 118
CD1076
DeepPink3
139 10 80
8B0A50
DeepPink4
255 110 180
ФФ6ЕВ4
Горяче-розовый1
238 106 167
EE6AA7
Горяче-розовый2
205 96 144
CD6090
Горячий розовый3
139 58 98
8B3A62
Горяче-розовый4
255 181 197
ФФБ5С5
розовый1
238 169 184
EEA9B8
розовый2
205 145 158
CD919E
розовый3
139 99 108
8B636C
розовый4
255 174 185
FFAEB9
светло-розовый1
238 162 173
EEA2AD
Светло-розовый2
205 140 149
CD8C95
Светло-розовый3
139 95 101
8B5F65
Светло-розовый4
255 130 171
ФФ82АБ
Бледно-фиолетовыйКрасный1
238 121 159
ЕЕ799Ф
бледно-фиолетовый красный2
205 104 137
CD6889
бледно-фиолетовый красный3
139 71 93
8B475D
Бледно-фиолетовыйКрасный4
255 52 179
ФФ34Б3
темно-бордовый1
238 48 167
EE30A7
темно-бордовый2
205 41 144
CD2990
темно-бордовый3
139 28 98
8B1C62
темно-бордовый4
255 62 150
FF3E96
фиолетово-красный1
238 58 140
EE3A8C
фиолетово-красный2
205 50 120
CD3278
фиолетово-красный3
139 34 82
8B2252
фиолетово-красный4
255 0 255
ФФ00ФФ
пурпурный1
238 0 238
ЕЕ00ЕЕ
пурпурный2
205 0 205
CD00CD
пурпурный3
1390 139
8B008B
пурпурный4
255 131 250
ФФ83ФА
орхидея1
238 122 233
EE7AE9
орхидея2
205 105 201
CD69C9
орхидея3
139 71 137
8B4789
орхидея4
255 187 255
ФФББФФ
слива1
238 174 238
EEAEEE
слива2
205 150 205
CD96CD
слива3
139 102 139
8B668B
слива4
224 102 255
Э066ФФ
СредняяОрхидея1
209 95 238
D15FEE
СредняяОрхидея2
180 82 205
Б452КД
СредняяОрхидея3
122 55 139
7А378Б
СредняяОрхидея4
191 62 255
BF3EFF
ТемнаяОрхидея1
178 58 238
Б23АЕЕ
ТемнаяОрхидея2
154 50 205
9A32CD
ТемнаяОрхидея3
104 34 139
68228Б
ТемнаяОрхидея4
155 48 255
9B30FF
фиолетовый1
145 44 238
912СЕЕ
фиолетовый2
125 38 205
7Д26КД
фиолетовый3
85 26 139
551A8B
фиолетовый4
171 130 255
АБ82ФФ
MediumPurple1
159 121 238
9F79EE
MediumPurple2
137 104 205
8968CD
MediumPurple3
93 71 139
5Д478Б
MediumPurple4
255 225 255
ФФЭ1ФФ
чертополох1
238 210 238
EED2EE
чертополох2
205 181 205
CDB5CD
чертополох3
139 123 139
8B7B8B
чертополох4
0 0 0
000000
серый0
0 0 0
000000
серый0
3 3 3
030303
серый1
3 3 3
030303
серый1
5 5 5
050505
серый2
5 5 5
050505
серый2
8 8 8
080808
серый3
8 8 8
080808
серый3
10 10 10
0A0A0A
серый4
10 10 10
0A0A0A
серый4
13 13 13
0D0D0D
серый5
13 13 13
0D0D0D
серый5
15 15 15
0F0F0F
серый6
15 15 15
0F0F0F
серый6
18 18 18
121212
серый7
18 18 18
121212
серый7
20 20 20
141414
серый8
20 20 20
141414
серый8
23 23 23
171717
серый9
23 23 23
171717
серый9
26 26 26
1А1А1А
серый10
26 26 26
1А1А1А
серый10
28 28 28
1C1C1C
серый11
28 28 28
1C1C1C
серый11
31 31 31
1F1F1F
серый12
31 31 31
1F1F1F
серый12
33 33 33
212121
серый13
33 33 33
212121
серый13
36 36 36
242424
серый14
36 36 36
242424
серый14
38 38 38
262626
серый15
38 38 38
262626
серый15
41 41 41
2
серый16
41 41 41
2
серый16
43 43 43
2B2B2B
серый17
43 43 43
2B2B2B
серый17
46 46 46
2E2E2E
серый18
46 46 46
2E2E2E
серый18
48 48 48
303030
серый19
48 48 48
303030
серый19
51 51 51
333333
серый20
51 51 51
333333
серый20
54 54 54
363636
серый21
54 54 54
363636
серый21
56 56 56
383838
серый22
56 56 56
383838
серый22
59 59 59
3B3B3B
серый23
59 59 59
3B3B3B
серый23
61 61 61
3D3D3D
серый24
61 61 61
3D3D3D
серый24
64 64 64
404040
серый25
64 64 64
404040
серый25
66 66 66
424242
серый26
66 66 66
424242
серый26
69 69 69
454545
серый27
69 69 69
454545
серый27
71 71 71
474747
серый28
71 71 71
474747
серый28
74 74 74
4A4A4A
серый29
74 74 74
4A4A4A
серый29
77 77 77
4D4D4D
серый30
77 77 77
4D4D4D
серый30
79 79 79
4F4F4F
серый31
79 79 79
4F4F4F
серый31
82 82 82
525252
серый32
82 82 82
525252
серый32
84 84 84
545454
серый33
84 84 84
545454
серый33
87 87 87
575757
серый34
87 87 87
575757
серый34
89 89 89
5
серый35
89 89 89
5
серый35
92 92 92
5C5C5C
серый36
92 92 92
5C5C5C
серый36
94 94 94
5E5E5E
серый37
94 94 94
5E5E5E
серый37
97 97 97
616161
серый38
97 97 97
616161
серый38
99 99 99
636363
серый39
99 99 99
636363
серый39
102 102 102
666666
серый40
102 102 102
666666
серый40
105 105 105
6
серый41
105 105 105
6
серый41
107 107 107
6B6B6B
серый42
107 107 107
6B6B6B
серый42
110 110 110
6E6E6E
серый43
110 110 110
6E6E6E
серый43
112 112 112
707070
серый44
112 112 112
707070
серый44
115 115 115
737373
серый45
115 115 115
737373
серый45
117 117 117
757575
серый46
117 117 117
757575
серый46
120 120 120
787878
серый47
120 120 120
787878
серый47
122 122 122
7A7A7A
серый48
122 122 122
7A7A7A
серый48
125 125 125
7D7D7D
серый49
125 125 125
7D7D7D
серый49
127 127 127
7F7F7F
серый50
127 127 127
7F7F7F
серый50
130 130 130
828282
серый51
130 130 130
828282
серый51
133 133 133
858585
серый52
133 133 133
858585
серый52
135 135 135
878787
серый53
135 135 135
878787
серый53
138 138 138
8A8A8A
серый54
138 138 138
8A8A8A
серый54
140 140 140
8C8C8C
серый55
140 140 140
8C8C8C
серый55
143 143 143
8F8F8F
серый56
143 143 143
8F8F8F
серый56
145 145 145
1
серый57
145 145 145
1
серый57
148 148 148
4
серый58
148 148 148
4
серый58
150 150 150
6
серый59
150 150 150
6
серый59
153 153 153
9
серый60
153 153 153
9
серый60
156 156 156
9C9C9C
серый61
156 156 156
9C9C9C
серый61
158 158 158
9E9E9E
серый62
158 158 158
9E9E9E
серый62
161 161 161
А1А1А1
серый63
161 161 161
А1А1А1
серый63
163 163 163
А3А3А3
серый64
163 163 163
А3А3А3
серый64
166 166 166
А6А6А6
серый65
166 166 166
А6А6А6
серый65
168 168 168
А8А8А8
серый66
168 168 168
А8А8А8
серый66
171 171 171
АБАБАБ
серый67
171 171 171
АБАБАБ
серый67
173 173 173
АДАДАД
серый68
173 173 173
АДАДАД
серый68
176 176 176
B0B0B0
серый69
176 176 176
B0B0B0
серый69
179 179 179
B3B3B3
серый70
179 179 179
B3B3B3
серый70
181 181 181
B5B5B5
серый71
181 181 181
B5B5B5
серый71
184 184 184
B8B8B8
серый72
184 184 184
B8B8B8
серый72
186 186 186
БАБАБА
серый73
186 186 186
БАБАБА
серый73
189 189 189
БДБДБД
серый74
189 189 189
БДБДБД
серый74
191 191 191
БФБФБФ
серый75
191 191 191
БФБФБФ
серый75
194 194 194
C2C2C2
серый76
194 194 194
C2C2C2
серый76
196 196 196
C4C4C4
серый77
196 196 196
C4C4C4
серый77
199 199 199
C7C7C7
серый78
199 199 199
C7C7C7
серый78
201 201 201
C9C9C9
серый79
201 201 201
C9C9C9
серый79
204 204 204
CCCCCC
серый80
204 204 204
CCCCCC
серый80
207 207 207
CFCFCF
серый81
207 207 207
CFCFCF
серый81
209 209 209
Д1Д1Д1
серый82
209 209 209
Д1Д1Д1
серый82
212 212 212
Д4Д4Д4
серый83
212 212 212
Д4Д4Д4
серый83
214 214 214
Д6Д6Д6
серый84
214 214 214
Д6Д6Д6
серый84
217 217 217
Д9Д9Д9
серый85
217 217 217
Д9Д9Д9
серый85
219 219 219
ДБДБДБ
серый86
219 219 219
ДБДБДБ
серый86
222 222 222
ДЕДЕДЕ
серый87
222 222 222
ДЕДЕДЕ
серый87
224 224 224
E0E0E0
серый88
224 224 224
E0E0E0
серый88
227 227 227
E3E3E3
серый89
227 227 227
E3E3E3
серый89
229 229 229
E5E5E5
серый90
229 229 229
E5E5E5
серый90
232 232 232
E8E8E8
серый91
232 232 232
E8E8E8
серый91
235 235 235
ЭБЭБЭБ
серый92
235 235 235
ЭБЭБЭБ
серый92
237 237 237
ЭДЭДЭД
серый93
237 237 237
ЭДЭДЭД
серый93
240 240 240
Ф0Ф0Ф0
серый94
240 240 240
Ф0Ф0Ф0
серый94
242 242 242
Ф2Ф2Ф2
серый95
242 242 242
Ф2Ф2Ф2
серый95
245 245 245
Ф5Ф5Ф5
серый96
245 245 245
Ф5Ф5Ф5
серый96
247 247 247
Ф7Ф7Ф7
серый97
247 247 247
Ф7Ф7Ф7
серый97
250 250 250
ФАФАФА
серый98
250 250 250
ФАФАФА
серый98
252 252 252
FCFCFC
серый99
252 252 252
FCFCFC
серый99
255 255 255
ФФФФФФ
серый100
255 255 255
ФФФФФФ
серый100
Скачать Instant Eyedropper бесплатно! (530 КБ)
с открытым исходным кодом
поддержите проект!
Текущая версия: 2. 0.0 Выпущено: 2 ноября 2020 г. Размер: 530 КБ ОС: WinXP ... Win10
3
Скриншот окна параметров
Поддерживаемые цветовые форматы:
HTML
ШЕСТИГР.
Делфи Hex
Шестнадцатеричный Visual Basic
RGB
Плавающая RGB-подсветка
ВПГ (HSB)
ХСЛ
Длинный
Нужны другие? Свяжитесь со мной!
Цветовые коды | HTML & CSS Wiki
Цветовые коды бывают трех разных форм:
Названия цветов . т. е. красный, желтый, салатовый и т. д. Полный список см. в W3Schools.
Шестнадцатеричная нотация с использованием триплетов RGB. то есть #ff0000, #ffff00, #00ff00. Каждый набор из двух символов представляет красный, зеленый и синий цвета соответственно.
Шестнадцатеричная стенография Работает так же, как шестнадцатеричная запись, за исключением того, что идентичные пары символов объединяются в одну. то есть #f00 #ff0 #0f0.
Содержимое
1 Примеры цветов
2 RGBA
2.1 Пример
3 216 "Веб-сейф" Цвета
4 названия цветов X11
Эквивалентные цвета
Названия цветов
красный
желтый
известь
Шестнадцатеричная запись
#ff0000
#ffff00
#00ff00
Шестнадцатеричная стенография
#f00
#ff0
#0f0
Примеры цветов
Цвет
Шестигранник
RGB
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)
FFFFFF
RGB(255 255 255)
W3C перечислил только 16 допустимых названий цветов: цвет морской волны, черный, синий, фуксия, серый, зеленый, салатовый, темно-бордовый, темно-синий, оливковый, пурпурный, красный, серебристый, бирюзовый, белый и желтый.
Если вам нужен допустимый код HTML или CSS, используйте вместо него шестнадцатеричные значения.
RGBA
В CSS3 появилась возможность использовать цвета RGBA (RGB с альфа-каналом).
Можно использовать так:
rgba(a,b,c,d)
Где a — уровень красного, b — уровень зеленого и c — уровень синего (должны быть числа от 0 до 255).
d — это прозрачность цвета, значение которой должно находиться в диапазоне от 0 до 1 (пример: 0,7).
Пример
Lorem ipsum
Будет отображаться следующим образом:
Лорем ипсум
216
"Веб-безопасный" Цвета
Ниже приведена таблица, показывающая 216 веб-безопасных цветов. Подчеркнуты действительно безопасных цветов:
Веб-безопасные цвета
*000*
300
600
900
С00
*F00*
*003*
303
603
903
С03
*F03*
006
306
606
906
С06
Ф06
009
309
609
909
С09
Ф09
00С
30С
60С
90С
С0С
Ф0К
*00F*
30Ф
60Ф
90Ф
К0Ф
*F0F*
030
330
630
930
С30
Ф30
033
333
633
933
С33
Ф33
036
336
636
936
С36
Ф36
039
339
639
939
С39
Ф39
03С
33С
63С
93С
С3С
Ф3С
03F
33Ф
63Ф
93Ф
К3Ф
Ф3Ф
060
360
660
960
С60
Ф60
063
363
663
963
С63
Ф63
066
366
666
966
С66
Ф66
069
369
669
969
С69
Ф69
06С
36С
66С
96С
C6C
Ф6С
06F
36Ф
66Ф
96Ф
К6Ф
Ф6Ф
090
390
690
990
С90
Ф90
093
393
693
993
С93
Ф93
096
396
696
996
С96
Ф96
099
399
699
999
С99
Ф99
09С
39С
69С
99С
C9C
F9C
09F
39Ф
69Ф
99Ф
К9Ф
Ф9Ф
0C0
3C0
6С0
9C0
СС0
ФК0
0C3
3С3
6С3
9С3
СС3
ФК3
0C6
3С6
6С6
9С6
СС6
ФК6
0C9
3C9
6С9
9С9
СС9
ФК9
0CC
3CC
6CC
9CC
ССС
Федеральная комиссия по связи
0CF
3CF
6CF
9CF
ККФ
ФКФ
*0F0*
3F0
*6F0*
9F0
CF0
*FF0*
0F3
*3F3*
*6F3*
9Ф3
CF3
*FF3*
*0F6*
*3F6*
6Ф6
9Ф6
*CF6*
*FF6*
0F9
3Ф9
6Ф9
9Ф9
CF9
ФФ9
*0FC*
*3FC*
6ФК
9ФК
ХФУ
ФФК
*0FF*
*3FF*
*6FF*
9ФФ
КФФ
*ФФФ*
Безопасные для Интернета цвета были очень важны, когда 8-битные цвета были стандартной настройкой для большинства пользователей. Однако теперь, когда большинство людей используют по крайней мере 24-битные цвета, перейдя на 36-битные, они менее важны, поскольку все больше людей используют шестнадцатеричные или десятичные цвета.
X11 Названия цветов
С 2005 года наиболее распространенные браузеры дали названия некоторым цветам.
HTML-имя
Шестнадцатеричный код R G B
Десятичный код R G B
Красный цвет
Индийский красный
CD 5C 5C
205 92 92
Светло-коралловый
F0 80 80
240 128 128
Лосось
ФА 80 72
250 128 114
Темный лосось
Е9 96 7А
233 150 122
Светлый лосось
ФФ А0 7А
255 160 122
малиновый
DC 14 3C
220 20 60
Красный
ФФ 00 00
255 0 0
Огнеупорный кирпич
В2 22 22
178 34 34
темно-красный
8B 00 00
139 0 0
Розовый
Розовый
FF C0 CB
255 192 203
Светло-розовый
ФФ B6 C1
255 182 193
ярко-розовый
ФФ 69 В4
255 105 180
DeepPink
ФФ 14 93
255 20 147
СреднефиолетовыйКрасный
С7 15 85
199 21 133
Бледно-фиолетовыйКрасный
ДБ 70 93
219 112 147
Оранжевый цвет
Светлый лосось
ФФ А0 7А
255 160 122
Коралловый
ФФ 7Ф 50
255 127 80
Помидор
ФФ 63 47
255 99 71
Оранжево-красный
ФФ 45 00
255 69 0
Темно-оранжевый
ФФ 8С 00
255 140 0
Оранжевый
ФФ А5 00
255 165 0
Желтые цвета
Золото
ФФ D7 00
255 215 0
Желтый
ФФ ФФ 00
255 255 0
светло-желтый
FF FF E0
255 255 224
лимонный шифон
FF FA CD
255 250 205
Золотарник светлыйЖелтый
ФА ФА D2
250 250 210
Папайя Whip
ФФ ЭФ D5
255 239 213
Мокасины
ФФ Е4 В5
255 228 181
Пичпафф
FF DA B9
255 218 185
Бледный золотарник
ЕЕ Е8 АА
238 232 170
Хаки
F0 E6 8C
240 230 140
Темный Хаки
БД B7 6B
189 183 107
Фиолетовый
Лаванда
E6 E6 ФА
230 230 250
Чертополох
D8 БФ D8
216 191 216
Слива
ДД A0 ДД
221 160 221
Фиолетовый
ЕЕ 82 ЕЕ
238 130 238
Орхидея
DA 70 D6
218 112 214
Фуксия
ФФ 00 ФФ
255 0 255
Пурпурный
ФФ 00 ФФ
255 0 255
СредняяОрхидея
ВА 55 D3
186 85 211
Средний фиолетовый
93 70 ДБ
147 112 219
Сине-фиолетовый
8А 2Б Е2
138 43 226
Темно-фиолетовый
94 00 D3
148 0 211
ТемнаяОрхидея
99 32 СС
153 50 204
Темно-пурпурный
8Б 00 8Б
139 0 139
Фиолетовый
80 00 80
128 0 128
Индиго
4B 00 82
75 0 130
Синий
6A 5A CD
106 90 205
Ребекка Пурпл
66 33 99
102 51 153
Темно-синий
48 3D 8B
72 61 139
MediumSlateBlue
7Б 68 ЕЕ
123 104 238
Имя HTML
Шестнадцатеричный код R G B
Десятичный код R G B
Зеленый цвет
ЗеленыйЖелтый
AD FF 2F
173 255 47
Шартрез
7F FF 00
127 255 0
Зеленый газон
7C FC 00
124 252 0
Лайм
00 FF 00
0 255 0
Зеленый лайм
32 CD 32
50 205 50
Бледно-зеленый
98 ФБ 98
152 251 152
светло-зеленый
90 EE 90
144 238 144
MediumSpringGreen
00 ФА 9А
0 250 154
SpringGreen
00 FF 7F
0 255 127
MediumSeaGreen
3C B3 71
60 179 113
Морской Грин
2E 8B 57
46 139 87
Форест Грин
22 8Б 22
34 139 34
Зеленый
00 80 00
0 128 0
Темно-зеленый
00 64 00
0 100 0
Желто-зеленый
9A CD 32
154 205 50
Оливковый
6Б 8Е 23
107 142 35
Олива
80 80 00
128 128 0
Темно-оливково-зеленый
55 6B 2F
85 107 47
СреднийАквамарин
66 CD АА
102 205 170
Темно-зеленый
8F BC 8F
143 188 143
Светло-зеленый
20 B2 АА
32 178 170
Темно-голубой
00 8B 8B
0 139139
Бирюзовый
00 80 80
0 128 128
Синий/голубой цвета
Цвет морской волны
00 FF FF
0 255 255
Голубой
00 FF FF
0 255 255
светло-голубой
E0 FF FF
224 255 255
Бледно-бирюзовый
AF EE EE
175 238 238
Аквамарин
7F FF D4
127 255 212
Бирюзовый
40 E0 D0
64 224 208
Бирюзовый
48 D1 CC
72 209 204
Темно-бирюзовый
00 CE D1
0 206 209
Синий кадет
5F 9E A0
95 158 160
Стальной синий
46 82 В4
70 130 180
светло-стальной синий
B0 C4 DE
176 196 222
Синий
B0 E0 E6
176 224 230
Голубой
н. э. D8 E6
173 216 230
Небесно-голубой
87 CE EB
135 206 235
светло-голубой
87 CE FA
135 206 250
DeepSkyBlue
00 БФ ФФ
0 191 255
Синий Доджер
1E 90 FF
30 144 255
Васильковый
64 95 ЭД
100 149 237
MediumSlateBlue
7Б 68 ЕЕ
123 104 238
Королевский синий
41 69 E1
65 105 225
Синий
00 00 FF
0 0 255
Средне-синий
00 00 CD
0 0 205
Темно-синий
00 00 8B
0 0 139
Военно-морской флот
00 00 80
0 0 128
Полуночный синий
19 19 70
25 25 112
Имя HTML
Шестнадцатеричный код R G B
Десятичный код R G B
Коричневый цвет
Кукурузный шелк
FF F8 DC
255 248 220
Бланшированный миндаль
FF EB CD
255 235 205
Бисквит
ФФ Е4 С4
255 228 196
Белый навахо
FF DE AD
255 222 173
Пшеница
F5 DE B3
245 222 179
БерлиВуд
DE B8 87
222 184 135
Желто-коричневый
D2 B4 8C
210 180 140
РозиБраун
до н. э. 8F 8F
188 143 143
СэндиБраун
F4 A4 60
244 164 96
Золотарник
DA A5 20
218 165 32
ТемныйЗолотарник
В8 86 0В
184 134 11
Перу
CD 85 3F
205 133 63
Шоколад
Д2 69 1Е
210 105 30
СедлБраун
8Б 45 13
139 69 19
Сиенна
А0 52 2D
160 82 45
Коричневый
А5 2А 2А
165 42 42
Бордовый
80 00 00
128 0 0
Белый цвет
Белый
ФФ ФФ ФФ
255 255 255
Снег
ФФ ФА ФА
255 250 250
Медовая роса
F0 FF F0
240 255 240
Мятный крем
F5 FF FA
245 255 250
Лазурь
F0 FF FF
240 255 255
Элисблю
F0 F8 FF
240 248 255
Белый призрак
F8 F8 FF
248 248 255
Бело-дымчатый
F5 F5 F5
245 245 245
Морская ракушка
FF F5 EE
255 245 238
Бежевый
F5 F5 DC
245 245 220
Олдлейс
ФД F5 E6
253 245 230
Цветочный белый
FF FA F0
255 250 240
Слоновая кость
ФФ ФФ Ф0
255 255 240
Античный белый
FA EB D7
250 235 215
Лен
ФА F0 E6
250 240 230
Лавандовый румянец
ФФ F0 F5
255 240 245
МистиРоуз
ФФ Е4 Е1
255 228 225
Серые цвета
Гейнсборо
DC DC
DC
220 220 220
светло-серый
Д3 Д3 Д3
211 211 211
Серебро
С0 С0 С0
192 192 192
Темно-серый
А9 А9 А9
169 169 169
Серый
80 80 80
128 128 128
Темно-серый
6969 69
105 105 105
светло-серый
77 88 99
119 136 153
Шиферно-серый
70 80 90
112 128 144
DarkSlateGray
2Ф 4Ф 4Ф
47 79 79
Черный
00 00 00
0 0 0
Контент сообщества доступен по лицензии CC-BY-SA, если не указано иное.
Цветовые коды HTML - CodeBerry
Имена цветовых кодов HTML
Выбор цвета и смешивание цветов
Шестнадцатеричный код цвета
Куда идет цветовой код HTML?
Другие варианты цветового кодирования
Научитесь программировать и измените свою карьеру!
Мы можем создать структуру веб-сайта и его заголовки, абзацы и ссылки в HTML. При создании разнообразного и хорошо структурированного веб-сайта помимо прозрачности необходимо учитывать и другие аспекты — например, цвета.
Мы уже написали введение в веб-разработку, поэтому вам следует просмотреть эту статью, если вы интересуетесь основами HTML.
В этом посте мы рассмотрим, как вы можете определять цвета и оттенки в цветовых кодах HTML, с большим количеством примеров иллюстраций.
Имена цветовых кодов HTML
Современные браузеры могут отображать миллионы оттенков цвета. Было бы невозможно назвать и объяснить их все, поэтому в мире информационных технологий мы используем коды для определения цветов и оттенков.
HTML поддерживает 140 стандартных названий цветов, но вы также можете определить любой другой оттенок на своем веб-сайте, используя цветовые коды. Предварительно закодированные цвета могут быть определены их конкретными названиями цветов (например, бирюзовый, черный, желто-зеленый, ярко-розовый и т. д.), поэтому нам не нужно искать какие-либо конкретные коды, чтобы точно определить эти цвета.
Существует несколько систем кодирования цветов, и эти коды содержат соотношение различных компонентов (базовые цвета) и значения параметров (например, прозрачность или насыщенность). В этой статье мы подробно покажем вам шестнадцатеричную систему и упомянем только другие варианты.
С помощью цветовых кодов HTML мы можем создавать бесконечное разнообразие красочных иллюстраций.
Цветовые палитры и смешивание цветов
Цветовые коды можно найти с помощью инструментов цветовой палитры.
Вот несколько примеров палитр цветов:
Цветовая палитра
Переходы и тонкие различия между оттенками
Определение цветов по изображениям
Каждый цвет, который может обнаружить наш глаз, представляет собой смесь различных соотношений основных цветов. В информационных технологиях различные оттенки отображаются путем смешивания основных цветов: красного, зеленого и синего (RGB).
(В теории цвета базовыми цветами являются красный, желтый и синий, но из-за некоторых особенностей компьютерных экранов в ИТ приходится использовать другие цвета.) кодов, шестнадцатеричная является наиболее краткой и, следовательно, наиболее широко используемой формой при редактировании HTML-кода.
Код цвета начинается с символа #, за которым следует серия из шести символов. Мы можем определить точный цвет, который мы хотим использовать с числами (0-9) и буквы (a-f). Первые два символа определяют значение красного (RR), второй набор из двух определяет зеленый (GG), а третий набор из двух определяет синий (BB).
Например: #eb4034
Различные оттенки серого содержат одинаковое количество всех компонентов.
Например,
#404040
#bebebe
Каждый символ черного цвета равен 0
#000002 #000000
0003
#ffffff
Более короткие шестнадцатеричные значения
Иногда мы можем использовать еще более короткие коды; для цветов, имеющих одинаковые символы для каждого компонента, мы можем использовать только три символа и получить один и тот же цвет.
Код #000 определяет черный цвет, как и #000000, а #0ff создает тот же бирюзовый цвет, что и #00ffff.
Более короткая версия #cc2244 — #c24
Куда идет цветовой код HTML?
Мы можем определить цвета в виде атрибутов внутри тега, к которому относится цвет. Мы можем определить цвет фона веб-сайта в теге
, а цвет основного заголовка должен быть в теге
и т. д. , мы можем определить цвет текста с помощью атрибута
« text» и цвет фона с помощью атрибута «bgcolor» . Мы можем использовать 'color' атрибут в теге для изменения цвета.
В HTML мы можем использовать тег во всех других элементах,чтобы перезаписать любую глобально определенную информацию (например,формат,стиль,цвет) для отображения чего-то другого в определенном месте.
Другие варианты цветового кодирования
RGB,RGBA
Мы можем определить соотношение красного,зеленого и синего по шкале от 0 до 255,а не только в шестнадцатеричной форме.Для этого мы должны поместить код за текст,bgcolor и т. д. атрибуты в таком виде:rgb(192,192,192) .
При использовании кодов RGBA в дополнение к значению базовых цветов у вас также есть другой компонент,относящийся к прозрачности,называемый альфа-каналом. Альфа-параметр — это число от 0,0 (полностью прозрачный) до 1,0 (совсем непрозрачный). Вот как цвет выглядит в коде RGBA: rgba(255,99,71,0,5)
HSL,HSLA
В HTML мы можем определять цвета с помощью оттенка,насыщенности и яркости (HSL). Значение оттенка выражается в градусах в зависимости от его положения на цветовом круге.
Насыщенность — это процентное значение,0% определяет оттенок серого,а 100% определяет полный цвет. Яркость также является процентным значением,где 0% соответствует черному цвету,а 100% — белому. Цветовые коды HSL выглядят следующим образом:
hsl(36,100%,50%)
Также можно добавить альфа-значение,которое относится к прозрачности цвета.
Вам следует попробовать разные наборы цветов и формы цветового кодирования,чтобы найти тот,который лучше всего подходит для проекта и с которым вы можете работать наиболее эффективно. Немного потренировавшись,вы сможете легко определить самые красивые цвета на своем веб-сайте.
В нашей серии учебных пособий по программированию вы найдете полезные материалы,которые помогут вам улучшить свои навыки программирования и ускорить процесс обучения.
Хотите научиться программировать онлайн? Приходите и попробуйте наши первые 25 бесплатных уроков в Школе программирования CodeBerry.
Научитесь программировать и измените свою карьеру!
100% ОНЛАЙН ИДЕАЛЬНО ДЛЯ НАЧИНАЮЩИХ СООБЩЕСТВО ПОДДЕРЖКИ САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ
Не уверены,подходит ли вам программирование? С CodeBerry вам понравится.