В HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Шестнадцатеричные цвета
Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 1 приведено соответствие десятичных и шестнадцатеричных чисел.
Табл. 1. Десятичные и шестнадцатеричные числа меньше 16
Десятичные
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Шестнадцатеричные
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.
Табл. 2. Десятичные и шестнадцатеричные числа больше 16
Десятичные
16
17
18
19
20
21
22
23
24
25
26
27
28
Шестнадцатеричные
10
11
12
13
14
15
16
17
18
19
1A
1B
1C
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc.
Типичный цвет, используемый в HTML, выглядит следующим образом.
<body bgcolor="#fa8e47">
Здесь цвет фона веб-страницы задан как #fa8e47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (fa) определяют красную составляющую цвета, цифры с третьей по четвертую (8e) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
Если значения компонент цвета одинаковы (например: #d6d6d6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #ffffff (белый).
Ярко-красный цвет образуется, если красный компонент сделать максимальным (ff), а остальные компоненты обнулить. Цвет со значением #ff0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00ff00) и синим (#0000ff).
Желтый цвет (#ffff00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 1), где представлены основные цвета (красный, зеленый, синий) и комплиментарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00ffff) получается за счет объединения синего и зеленого цвета.
Рис. 1. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.
Рис. 2. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей — красной, зеленой и синей, устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33ff66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
Цвета по названию
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 3 приведены имена популярных названий цветов.
Табл. 3. Названия некоторых цветов
Имя цвета
Цвет
Описание
Шестнадцатеричное значение
aqua
Голубой
#00ffff
black
Черный
#000000
blue
Синий
#0000ff
fuchsia
Фуксия
#ff00ff
gray
Серый
#808080
green
Зеленый
#008000
lime
Светло-зеленый
#00ff00
maroon
Темно-красный
#800000
navy
Темно-синий
#000080
olive
Оливковый
#808000
purple
Фиолетовый
#800080
red
Красный
#ff0000
silver
Светло-серый
#c0c0c0
teal
Сине-зеленый
#008080
white
Белый
#ffffff
yellow
Желтый
#ffff00
Правильное сочетание цветов
У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!
Правильное сочетание цветов
Правильное сочетание 30 цветов: от белого до чёрного.
Белый сочетается со всеми цветами. Наилучшее сочетание с синим, красным и черным.
#FFFFFF
#0000FF
#FF0000
#000000
Бежевый сочетается с голубым, коричневым, изумрудным, черным, красным.
Лиловый сочетается с оранжевым, розовым, темно-фиолетовым, оливковым, серым, желтым.
#CC99FE
#FF8000
#FFC0CB
#800080
#808000
#808080
#FFFF00
Темно-фиолетовый сочетается с золотисто-коричневым, бледно-желтым, серым, бирюзовым, зеленой мятой, светло-оранжевым.
#800080
#DAA520
#FDEAA8
#808080
#30D5C8
#98FF98
#FFA000
Черный универсален, сочетается со всеми цветами. Наилучшее сочетание с оранжевым, розовым, салатовым, красным, сиреневым, желтым, белым.
#000000
#FF8000
#FFC0CB
#7FFF00
#FF0000
#C8A2C8
#FFFF00
#FFFFFF
Смотрите также:
Таблица цветов html | Коды цветов
Для качественного и проработанного дизайна сайта, профессиональные веб-мастера постоянно должны подбирать подходящие цвета из палитры цветов в HTML. Коды цветов в html можно использовать в тегах, которые отвечают за: фоны, рамки блоков, изображений и таблиц, текст, ссылки и многое другое.
Таблица цветов HTML довольно часто применяется при работе с CSS, что значительно ускоряет и упрощает работу. Используя CSS, можно одной строчкой кода поменять цвет фона или текста на всем сайте, что очень помогает экономить время.
Задать коды цветов в html можно несколькими способами: указать в значении название цвета, использовать RGB код, использовать шестнадцатеричный код. Давайте рассмотрим каждый из способов подробнее:
Название цвета
Простейший способ задать цвет, если он один из самых популярных, таких как: чёрный(black), белый(white), красный(red), зеленый(green), синий(blue) и т.д. Если необходимо выбрать более специфический цвет, то лучше воспользоваться кодами цветов в html. Как правило, в тегах цвета указываются благодаря параметру color, значение которого и есть наш цвет, например: <font color=»red»>красный текст</font>. Если использовать CSS, то картина немного другая:. (первая колонка в таблице цветов html)
RGB код, цвета в десятичных числах
В данном способе используется RGB код, который состоит из десятичных чисел. Этот код состоит из трёх чисел (диапазон цифр каждого из чисел: 0-255), первое число задаёт насыщенность красного цвета R(red), второе число — задаёт насыщенность зеленого цвета G(green), третье – синего B(blue). Отсюда и название, RGB-код. Пример: <font color=»255 0 0″>красный текст</font>. (третья колонка в палитре цветов html)
Шестнадцатеричный код цвета
Данный способ очень похож на предыдущий, вот только в нём используются шестнадцатеричные числа. К тому же, перед кодом цветов обязательно следует ставить символ #. Сегодня этот способ самый популярный, он позволяет детально выбрать необходимый цвет, а также имеет компактный вид в html. Пример: <font color=»#FF0000″>красный текст</font>. (четвертая колонка в таблице цветов html)
Палитра цветов в HTML
Название цвета
Цвет
RGB — код цвета
Код цвета HTML
Snow
255 250 250
#FFFAFA
GhostWhite
248 248 255
#F8F8FF
WhiteSmoke
245 245 245
#F5F5F5
Gainsboro
220 220 220
#DCDCDC
FloralWhite
255 250 240
#FFFAF0
OldLace
253 245 230
#FDF5E6
Linen
250 240 230
#FAF0E6
AntiqueWhite
250 235 215
#FAEBD7
PapayaWhip
255 239 213
#FFEFD5
BlanchedAlmond
255 235 205
#FFEBCD
Bisque
255 228 196
#FFE4C4
PeachPuff
255 218 185
#FFDAB9
NavajoWhite
255 222 173
#FFDEAD
Moccasin
255 228 181
#FFE4B5
Cornsilk
255 248 220
#FFF8DC
Ivory
255 255 240
#FFFFF0
LemonChiffon
255 250 205
#FFFACD
Seashell
255 245 238
#FFF5EE
Honeydew
240 255 240
#F0FFF0
MintCream
245 255 250
#F5FFFA
Azure
240 255 255
#F0FFFF
AliceBlue
240 248 255
#F0F8FF
lavender
230 230 250
#E6E6FA
LavenderBlush
255 240 245
#FFF0F5
MistyRose
255 228 225
#FFE4E1
White
255 255 255
#FFFFFF
Black
0 0 0
#000000
DarkSlateGray
47 79 79
#2F4F4F
DimGrey
105 105 105
#696969
SlateGrey
112 128 144
#708090
LightSlateGray
119 136 153
#778899
Grey
190 190 190
#BEBEBE
LightGray
211 211 211
#D3D3D3
MidnightBlue
25 25 112
#191970
NavyBlue
0 0 128
#000080
CornflowerBlue
100 149 237
#6495ED
DarkSlateBlue
72 61 139
#483D8B
SlateBlue
106 90 205
#6A5ACD
MediumSlateBlue
123 104 238
#7B68EE
LightSlateBlue
132 112 255
#8470FF
MediumBlue
0 0 205
#0000CD
RoyalBlue
65 105 225
#4169E1
Blue
0 0 255
#0000FF
DodgerBlue
30 144 255
#1E90FF
DeepSkyBlue
0 191 255
#00BFFF
SkyBlue
135 206 235
#87CEEB
LightSkyBlue
135 206 250
#87CEFA
SteelBlue
70 130 180
#4682B4
LightSteelBlue
176 196 222
#B0C4DE
LightBlue
173 216 230
#ADD8E6
PowderBlue
176 224 230
#B0E0E6
PaleTurquoise
175 238 238
#AFEEEE
DarkTurquoise
0 206 209
#00CED1
MediumTurquoise
72 209 204
#48D1CC
Turquoise
64 224 208
#40E0D0
Cyan
0 255 255
#00FFFF
LightCyan
224 255 255
#E0FFFF
CadetBlue
95 158 160
#5F9EA0
MediumAquamarine
102 205 170
#66CDAA
Aquamarine
127 255 212
#7FFFD4
DarkGreen
0 100 0
#006400
DarkOliveGreen
85 107 47
#556B2F
DarkSeaGreen
143 188 143
#8FBC8F
SeaGreen
46 139 87
#2E8B57
MediumSeaGreen
60 179 113
#3CB371
LightSeaGreen
32 178 170
#20B2AA
PaleGreen
152 251 152
#98FB98
SpringGreen
0 255 127
#00FF7F
LawnGreen
124 252 0
#7CFC00
Green
0 255 0
#00FF00
Chartreuse
127 255 0
#7FFF00
MedSpringGreen
0 250 154
#00FA9A
GreenYellow
173 255 47
#ADFF2F
LimeGreen
50 205 50
#32CD32
YellowGreen
154 205 50
#9ACD32
ForestGreen
34 139 34
#228B22
OliveDrab
107 142 35
#6B8E23
DarkKhaki
189 183 107
#BDB76B
PaleGoldenrod
238 232 170
#EEE8AA
LtGoldenrodYello
250 250 210
#FAFAD2
LightYellow
255 255 224
#FFFFE0
Yellow
255 255 0
#FFFF00
Gold
255 215 0
#FFD700
LightGoldenrod
238 221 130
#EEDD82
goldenrod
218 165 32
#DAA520
DarkGoldenrod
184 134 11
#B8860B
RosyBrown
188 143 143
#BC8F8F
IndianRed
205 92 92
#CD5C5C
SaddleBrown
139 69 19
#8B4513
Sienna
160 82 45
#A0522D
Peru
205 133 63
#CD853F
Burlywood
222 184 135
#DEB887
Beige
245 245 220
#F5F5DC
Wheat
245 222 179
#F5DEB3
SandyBrown
244 164 96
#F4A460
Tan
210 180 140
#D2B48C
Chocolate
210 105 30
#D2691E
Firebrick
178 34 34
#B22222
Brown
165 42 42
#A52A2A
DarkSalmon
233 150 122
#E9967A
Salmon
250 128 114
#FA8072
LightSalmon
255 160 122
#FFA07A
Orange
255 165 0
#FFA500
DarkOrange
255 140 0
#FF8C00
Coral
255 127 80
#FF7F50
LightCoral
240 128 128
#F08080
Tomato
255 99 71
#FF6347
OrangeRed
255 69 0
#FF4500
Red
255 0 0
#FF0000
HotPink
255 105 180
#FF69B4
DeepPink
255 20 147
#FF1493
Pink
255 192 203
#FFC0CB
LightPink
255 182 193
#FFB6C1
PaleVioletRed
219 112 147
#DB7093
Maroon
176 48 96
#B03060
MediumVioletRed
199 21 133
#C71585
VioletRed
208 32 144
#D02090
Magenta
255 0 255
#FF00FF
Violet
238 130 238
#EE82EE
Plum
221 160 221
#DDA0DD
Orchid
218 112 214
#DA70D6
MediumOrchid
186 85 211
#BA55D3
DarkOrchid
153 50 204
#9932CC
DarkViolet
148 0 211
#9400D3
BlueViolet
138 43 226
#8A2BE2
Purple
160 32 240
#A020F0
MediumPurple
147 112 219
#9370DB
Thistle
216 191 216
#D8BFD8
Snow1
255 250 250
#FFFAFA
Snow2
238 233 233
#EEE9E9
Snow3
205 201 201
#CDC9C9
Snow4
139 137 137
#8B8989
Seashell1
255 245 238
#FFF5EE
Seashell2
238 229 222
#EEE5DE
Seashell3
205 197 191
#CDC5BF
Seashell4
139 134 130
#8B8682
AntiqueWhite1
255 239 219
#FFEFDB
AntiqueWhite2
238 223 204
#EEDFCC
AntiqueWhite3
205 192 176
#CDC0B0
AntiqueWhite4
139 131 120
#8B8378
Bisque1
255 228 196
#FFE4C4
Bisque2
238 213 183
#EED5B7
Bisque3
205 183 158
#CDB79E
Bisque4
139 125 107
#8B7D6B
PeachPuff1
255 218 185
#FFDAB9
PeachPuff2
238 203 173
#EECBAD
PeachPuff3
205 175 149
#CDAF95
PeachPuff4
139 119 101
#8B7765
NavajoWhite1
255 222 173
#FFDEAD
NavajoWhite2
238 207 161
#EECFA1
NavajoWhite3
205 179 139
#CDB38B
NavajoWhite4
139 121 94
#8B795E
LemonChiffon1
255 250 205
#FFFACD
LemonChiffon2
238 233 191
#EEE9BF
LemonChiffon3
205 201 165
#CDC9A5
LemonChiffon4
139 137 112
#8B8970
Cornsilk1
255 248 220
#FFF8DC
Cornsilk2
238 232 205
#EEE8CD
Cornsilk3
205 200 177
#CDC8B1
Cornsilk4
139 136 120
#8B8878
Ivory1
255 255 240
#FFFFF0
Ivory2
238 238 224
#EEEEE0
Ivory3
205 205 193
#CDCDC1
Ivory4
139 139 131
#8B8B83
Honeydew1
240 255 240
#F0FFF0
Honeydew2
224 238 224
#E0EEE0
Honeydew3
193 205 193
#C1CDC1
Honeydew4
131 139 131
#838B83
LavenderBlush2
255 240 245
#FFF0F5
LavenderBlush3
238 224 229
#EEE0E5
LavenderBlush4
205 193 197
#CDC1C5
LavenderBlush5
139 131 134
#8B8386
MistyRose1
255 228 225
#FFE4E1
MistyRose2
238 213 210
#EED5D2
MistyRose3
205 183 181
#CDB7B5
MistyRose4
139 125 123
#8B7D7B
Azure1
240 255 255
#F0FFFF
Azure2
224 238 238
#E0EEEE
Azure3
193 205 205
#C1CDCD
Azure4
131 139 139
#838B8B
SlateBlue1
131 111 255
#836FFF
SlateBlue2
122 103 238
#7A67EE
SlateBlue3
105 89 205
#6959CD
SlateBlue4
71 60 139
#473C8B
RoyalBlue1
72 118 255
#4876FF
RoyalBlue2
67 110 238
#436EEE
RoyalBlue3
58 95 205
#3A5FCD
RoyalBlue4
39 64 139
#27408B
Blue1
0 0 255
#0000FF
Blue2
0 0 238
#0000EE
Blue3
0 0 205
#0000CD
Blue4
0 0 139
#00008B
DodgerBlue1
30 144 255
#1E90FF
DodgerBlue2
28 134 238
#1C86EE
DodgerBlue3
24 116 205
#1874CD
DodgerBlue4
16 78 139
#104E8B
SteelBlue1
99 184 255
#63B8FF
SteelBlue2
92 172 238
#5CACEE
SteelBlue3
79 148 205
#4F94CD
SteelBlue4
54 100 139
#36648B
DeepSkyBlue1
0 191 255
#00BFFF
DeepSkyBlue2
0 178 238
#00B2EE
DeepSkyBlue3
0 154 205
#009ACD
DeepSkyBlue4
0 104 139
#00688B
SkyBlue1
135 206 255
#87CEFF
SkyBlue2
126 192 238
#7EC0EE
SkyBlue3
108 166 205
#6CA6CD
SkyBlue4
74 112 139
#4A708B
LightSkyBlue1
176 226 255
#B0E2FF
LightSkyBlue2
164 211 238
#A4D3EE
LightSkyBlue3
141 182 205
#8DB6CD
LightSkyBlue4
96 123 139
#607B8B
SlateGray1
198 226 255
#C6E2FF
SlateGray2
185 211 238
#B9D3EE
SlateGray3
159 182 205
#9FB6CD
SlateGray4
108 123 139
#6C7B8B
LightSteelBlue1
202 225 255
#CAE1FF
LightSteelBlue2
188 210 238
#BCD2EE
LightSteelBlue3
162 181 205
#A2B5CD
LightSteelBlue4
110 123 139
#6E7B8B
LightBlue1
191 239 255
#BFEFFF
LightBlue2
178 223 238
#B2DFEE
LightBlue3
154 192 205
#9AC0CD
LightBlue4
104 131 139
#68838B
LightCyan1
224 255 255
#E0FFFF
LightCyan2
209 238 238
#D1EEEE
LightCyan3
180 205 205
#B4CDCD
LightCyan4
122 139 139
#7A8B8B
PaleTurquoise1
187 255 255
#BBFFFF
PaleTurquoise2
174 238 238
#AEEEEE
PaleTurquoise3
150 205 205
#96CDCD
PaleTurquoise4
102 139 139
#668B8B
CadetBlue1
152 245 255
#98F5FF
CadetBlue2
142 229 238
#8EE5EE
CadetBlue3
122 197 205
#7AC5CD
CadetBlue4
83 134 139
#53868B
Turquoise1
0 245 255
#00F5FF
Turquoise2
0 229 238
#00E5EE
Turquoise3
0 197 205
#00C5CD
Turquoise4
0 134 139
#00868B
Cyan1
0 255 255
#00FFFF
Cyan2
0 238 238
#00EEEE
Cyan3
0 205 205
#00CDCD
Cyan4
0 139 139
#008B8B
DarkSlateGray1
151 255 255
#97FFFF
DarkSlateGray2
141 238 238
#8DEEEE
DarkSlateGray3
121 205 205
#79CDCD
DarkSlateGray4
82 139 139
#528B8B
Aquamarine1
127 255 212
#7FFFD4
Aquamarine2
118 238 198
#76EEC6
Aquamarine3
102 205 170
#66CDAA
Aquamarine4
69 139 116
#458B74
DarkSeaGreen1
193 255 193
#C1FFC1
DarkSeaGreen2
180 238 180
#B4EEB4
DarkSeaGreen3
155 205 155
#9BCD9B
DarkSeaGreen4
105 139 105
#698B69
SeaGreen1
84 255 159
#54FF9F
SeaGreen2
78 238 148
#4EEE94
SeaGreen3
67 205 128
#43CD80
SeaGreen4
46 139 87
#2E8B57
PaleGreen1
154 255 154
#9AFF9A
PaleGreen2
144 238 144
#90EE90
PaleGreen3
124 205 124
#7CCD7C
PaleGreen4
84 139 84
#548B54
SpringGreen1
0 255 127
#00FF7F
SpringGreen2
0 238 118
#00EE76
SpringGreen3
0 205 102
#00CD66
SpringGreen4
0 139 69
#008B45
Green1
0 255 0
#00FF00
Green2
0 238 0
#00EE00
Green3
0 205 0
#00CD00
Green4
0 139 0
#008B00
Chartreuse1
127 255 0
#7FFF00
Chartreuse2
118 238 0
#76EE00
Chartreuse3
102 205 0
#66CD00
Chartreuse4
69 139 0
#458B00
OliveDrab1
192 255 62
#C0FF3E
OliveDrab2
179 238 58
#B3EE3A
OliveDrab3
154 205 50
#9ACD32
OliveDrab4
105 139 34
#698B22
DarkOliveGreen1
202 255 112
#CAFF70
DarkOliveGreen2
188 238 104
#BCEE68
DarkOliveGreen3
162 205 90
#A2CD5A
DarkOliveGreen4
110 139 61
#6E8B3D
Khaki1
255 246 143
#FFF68F
Khaki2
238 230 133
#EEE685
Khaki3
205 198 115
#CDC673
Khaki4
139 134 78
#8B864E
LightGoldenrod1
255 236 139
#FFEC8B
LightGoldenrod2
238 220 130
#EEDC82
LightGoldenrod3
205 190 112
#CDBE70
LightGoldenrod4
139 129 76
#8B814C
LightYellow1
255 255 224
#FFFFE0
LightYellow2
238 238 209
#EEEED1
LightYellow3
205 205 180
#CDCDB4
LightYellow4
139 139 122
#8B8B7A
Yellow1
255 255 0
#FFFF00
Yellow2
238 238 0
#EEEE00
Yellow3
205 205 0
#CDCD00
Yellow4
139 139 0
#8B8B00
Gold1
255 215 0
#FFD700
Gold2
238 201 0
#EEC900
Gold3
205 173 0
#CDAD00
Gold4
139 117 0
#8B7500
Goldenrod1
255 193 37
#FFC125
Goldenrod2
238 180 34
#EEB422
Goldenrod3
205 155 29
#CD9B1D
Goldenrod4
139 105 20
#8B6914
DarkGoldenrod1
255 185 15
#FFB90F
DarkGoldenrod2
238 173 14
#EEAD0E
DarkGoldenrod3
205 149 12
#CD950C
DarkGoldenrod4
139 101 8
#8B658B
RosyBrown1
255 193 193
#FFC1C1
RosyBrown2
238 180 180
#EEB4B4
RosyBrown3
205 155 155
#CD9B9B
RosyBrown4
139 105 105
#8B6969
IndianRed1
255 106 106
#FF6A6A
IndianRed2
238 99 99
#EE6363
IndianRed3
205 85 85
#CD5555
IndianRed4
139 58 58
#8B3A3A
Sienna1
255 130 71
#FF8247
Sienna2
238 121 66
#EE7942
Sienna3
205 104 57
#CD6839
Sienna4
139 71 38
#8B4726
Burlywood1
255 211 155
#FFD39B
Burlywood2
238 197 145
#EEC591
Burlywood3
205 170 125
#CDAA7D
Burlywood4
139 115 85
#8B7355
Wheat1
255 231 186
#FFE7BA
Wheat2
238 216 174
#EED8AE
Wheat3
205 186 150
#CDBA96
Wheat4
139 126 102
#8B7E66
Tan1
255 165 79
#FFA54F
Tan2
238 154 73
#EE9A49
Tan3
205 133 63
#CD853F
Tan4
139 90 43
#8B5A2B
Chocolate1
255 127 36
#FF7F24
Chocolate2
238 118 33
#EE7621
Chocolate3
205 102 29
#CD661D
Chocolate4
139 69 19
#8B4513
Firebrick1
255 48 48
#FF3030
Firebrick2
238 44 44
#EE2C2C
Firebrick3
205 38 38
#CD2626
Firebrick4
139 26 26
#8B1A1A
Brown1
255 64 64
#FF4040
Brown2
238 59 59
#EE3B3B
Brown3
205 51 51
#CD3333
Brown4
139 35 35
#8B2323
Salmon1
255 140 105
#FF8C69
Salmon2
238 130 98
#EE8262
Salmon3
205 112 84
#CD7054
Salmon4
139 76 57
#8B4C39
LightSalmon1
255 160 122
#FFA07A
LightSalmon2
238 149 114
#EE9572
LightSalmon3
205 129 98
#CD8162
LightSalmon4
139 87 66
#8B5742
Orange1
255 165 0
#FFA500
Orange2
238 154 0
#EE9A00
Orange3
205 133 0
#CD8500
Orange4
139 90 0
#8B5A00
DarkOrange1
255 127 0
#FF7F00
DarkOrange2
238 118 0
#EE7600
DarkOrange3
205 102 0
#CD6600
DarkOrange4
139 69 0
#8B4500
Coral1
255 114 86
#FF7256
Coral2
238 106 80
#EE6A50
Coral3
205 91 69
#CD5B45
Coral4
139 62 47
#8B3E2F
Tomato1
255 99 71
#FF6347
Tomato2
238 92 66
#EE5C42
Tomato3
205 79 57
#CD4F39
Tomato4
139 54 38
#8B3626
OrangeRed1
255 69 0
#FF4500
OrangeRed2
238 64 0
#EE4000
OrangeRed3
205 55 0
#CD3700
OrangeRed4
139 37 0
#8B2500
Red1
255 0 0
#FF0000
Red2
238 0 0
#EE0000
Red3
205 0 0
#CD0000
Red4
139 0 0
#8B0000
DeepPink1
255 20 147
#FF1493
DeepPink2
238 18 137
#EE1289
DeepPink3
205 16 118
#CD1076
DeepPink4
139 10 80
#8B0A50
HotPink1
255 110 180
#FF6EB4
HotPink2
238 106 167
#EE6AA7
HotPink3
205 96 144
#CD6090
HotPink4
139 58 98
#8B3A62
Pink1
255 181 197
#FFB5C5
Pink2
238 169 184
#EEA9B8
Pink3
205 145 158
#CD919E
Pink4
139 99 108
#8B636C
LightPink1
255 174 185
#FFAEB9
LightPink2
238 162 173
#EEA2AD
LightPink3
205 140 149
#CD8C95
LightPink4
139 95 101
#8B5F65
PaleVioletRed1
255 130 171
#FF82AB
PaleVioletRed2
238 121 159
#EE799F
PaleVioletRed3
205 104 137
#CD6889
PaleVioletRed4
139 71 93
#8B475D
Maroon1
255 52 179
#FF34B3
Maroon2
238 48 167
#EE30A7
Maroon3
205 41 144
#CD2990
Maroon4
139 28 98
#8B1C62
VioletRed1
255 62 150
#FF3E96
VioletRed2
238 58 140
#EE3A8C
VioletRed3
205 50 120
#CD3278
VioletRed4
139 34 82
#8B2252
Magenta1
255 0 255
#FF00FF
Magenta2
238 0 238
#EE00EE
Magenta3
205 0 205
#CD00CD
Magenta4
139 0 139
#8B008B
Orchid1
255 131 250
#FF83FA
Orchid2
238 122 233
#EE7AE9
Orchid3
205 105 201
#CD69C9
Orchid4
139 71 137
#8B4789
Plum1
255 187 255
#FFBBFF
Plum2
238 174 238
#EEAEEE
Plum3
205 150 205
#CD96CD
Plum4
139 102 139
#8B668B
MediumOrchid1
224 102 255
#E066FF
MediumOrchid2
209 95 238
#D15FEE
MediumOrchid3
180 82 205
#B452CD
MediumOrchid4
122 55 139
#7A378B
DarkOrchid1
191 62 255
#BF3EFF
DarkOrchid2
178 58 238
#B23AEE
DarkOrchid3
154 50 205
#9A32CD
DarkOrchid4
104 34 139
#68228B
Purple1
155 48 255
#9B30FF
Purple2
145 44 238
#912CEE
Purple3
125 38 205
#7D26CD
Purple4
85 26 139
#551A8B
MediumPurple1
171 130 255
#AB82FF
MediumPurple2
159 121 238
#9F79EE
MediumPurple3
137 104 205
#8968CD
MediumPurple4
93 71 139
#5D478B
Thistle1
255 225 255
#FFE1FF
Thistle2
238 210 238
#EED2EE
Thistle3
205 181 205
#CDB5CD
Thistle4
139 123 139
#8B7B8B
grey11
28 28 28
#1C1C1C
grey21
54 54 54
#363636
grey31
79 79 79
#4F4F4F
grey41
105 105 105
#696969
grey51
130 130 130
#828282
grey61
156 156 156
#9C9C9C
grey71
181 181 181
#B5B5B5
gray81
207 207 207
#CFCFCF
gray91
232 232 232
#E8E8E8
DarkGrey
169 169 169
#A9A9A9
DarkBlue
0 0 139
#00008B
DarkCyan
0 139 139
#008B8B
DarkMagenta
139 0 139
#8B008B
DarkRed
139 0 0
#8B0000
LightGreen
144 238 144
#90EE90
Вверх
Коды цветов в html применяются довольно часто, особенно если вы профессионально занимаетесь версткой сайта, поэтому рекомендуем данную таблицу добавить в свои закладки, понадобиться 100%.
Дата первой публикации: 11.07.2016 Дата последнего обновления: 11.07.2016
Рекомендовать друзьям:
Спецсимволы HTML
Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).
Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.
Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.
Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).
Круглая стрелка с наконечником против часовой стрелки
↻
↻
\21BB
Круглая стрелка с наконечником по часовой стрелке
⇧
⇧
\21E7
Толстая полая стрелка вверх
↩
↩
\21A9
Стрелка налево с крючком
➫
➫
\27AB
Наклонённая вниз объёмная стрелка
⬇
⬇
\2B07
Закрашенная стрелка вниз
⬆
⬆
\2B06
Закрашенная стрелка вверх
4. Карточные масти
Вид
HTML-код
CSS-код
Описание
♠
♠
\2660
«Пики»
♣
♣
\2663
«Трефы»
♥
♥
\2665
«Червы»
♦
♦
\2666
«Бубны»
♡
♡
\2661
Контур «Червы»
♢
♢
\2662
Контур «Бубны»
♤
♤
\2664
Контур «Пики»
♧
♧
\2667
Контур «Трефы»
5. Деньги
Вид
HTML-код
CSS-код
Описание
¢
¢
\FFE0
Цент
£
£
\FFE1
Фунт стерлингов
₽
₽
\20BD
Российский рубль
¥
¥
\00A5
Йена или юань
€
€
\20AC
Евро
$
$
\0024
Доллар
₴
₴
\20B4
Знак гривны
₹
₹
\20B9
Индийская рупия
圓
圓
\5713
Китайский юань
₸
₸
\20B8
Казахстанский тенге
6. Знаки зодиака
Вид
HTML-код
CSS-код
Описание
♈
♈
\2648
Овен
♉
♉
\2649
Телец
♊
♊
\264A
Близнецы
♋
♋
\264B
Рак
♌
♌
\264C
Лев
♍
♍
\264D
Дева
♎
♎
\264E
Весы
♏
♏
\264F
Скорпион
♐
♐
\2650
Стрелец
♑
♑
\2651
Козерог
♒
♒
\2652
Водолей
♓
♓
\2653
Рыбы
🎨 цветовых кодов HTML
цветовых кодов HTML
шестнадцатеричный:
RGB: rgb (102,232,232)
HSL: HSL (232,232,232)
HTML.RGB. . .
R G B
HTML
Снег
Снег
255 250 250
#FFFAFA
GhostWhite
GhostWhite
248 248 255
# F8F8FF
Белый дым
Белый дым
245 245 245
# F5F5F5
Гейнсборо
Гейнсборо
220 220 220
#DCDCDC
Цветочно-белый
Цветочно-белый
255 250 240
# FFFAF0
OldLace
OldLace
253 245 230
# FDF5E6
Лен
Белье
250 240 230
# FAF0E6
Античный Белый
античный белый
250 235 215
# FAEBD7
Кнут папайи
Кнут папайи
255 239 213
# FFEFD5
Бланшированный миндаль
Бланшированный миндаль
255 235 205
#FFEBCD
Бисквит
Бисквит
255 228 196
# FFE4C4
PeachPuff
PeachPuff
255 218 185
# FFDAB9
Навахо Белый
Навахо Белый
255 222 173
#FFDEAD
Мокасины
Мокасины
255 228 181
# FFE4B5
Корнсилк
Корнсилк
255 248 220
# FFF8DC
Цвет слоновой кости
слоновая кость
255 255 240
# FFFFF0
Лимонный шифон
Лимонный шифон
255 250 205
#FFFACD
Морская ракушка
Морская ракушка
255 245 238
# FFF5EE
Ханидью
Ханидью
240 255 240
# F0FFF0
MintCream
Мятный крем
245 255 250
# F5FFFA
Лазурный
Лазурный
240 255 255
# F0FFFF
AliceBlue
AliceBlue
240 248 255
# F0F8FF
бледно-лиловый
лаванда
230 230 250
# E6E6FA
Бледно-лиловый
Бледно-лиловый
255 240 245
# FFF0F5
Мисти Роуз
MistyRose
255 228 225
# FFE4E1
Белый
Белый
255 255 255
#FFFFFF
Черный
Черный
0 0 0
# 000000
DarkSlateGray
темно-серый
47 79 79
# 2F4F4F
DimGrey
DimGrey
105 105 105
# 696969
SlateGrey
Серый шифер
112 128 144
# 708090
LightSlateGray
Светло-серый
119 136 153
# 778899
Серый
серый
190 190 190
#BEBEBE
светло-серый
Светло-серый
211 211 211
# D3D3D3
MidnightBlue
# 1
NavyBlue
Синий
0 0 128
# 000080
Василек синий
Василек синий
100 149 237
# 6495ED
DarkSlateBlue
DarkSlateBlue
Темно-синий
72 61 139
# 483D8B
Голубой
Синий шифер
106 90 205
# 6A5ACD
MediumSlateBlue
средний пластинчатый синий
123 104 238
# 7B68EE
LightSlateBlue
LightSlateBlue
Синий
132 112 255
# 8470FF
средний синий
средний синий
0 0 205
# 0000CD
RoyalBlue
RoyalBlue
65 105 225
# 4169E1
Синий
Синий
0 0 255
# 0000FF
DodgerBlue
DodgerBlue
30 144 255
# 1E90FF
DeepSkyBlue
DeepSkyBlue
Синий
0 191 255
# 00BFFF
SkyBlue
SkyBlue
135 206 235
# 87CEEB
LightSkyBlue
Светло-Голубой
135 206250
# 87CEFA
SteelBlue
SteelBlue
70 130 180
# 4682B4
LightSteelBlue
светло-синий
176 196 222
# B0C4DE
Голубой
Голубой
173 216 230
# ADD8E6
PowderBlue
Синий порошок
176 224 230
# B0E0E6
Бледно-бирюзовый
бледно-бирюзовый
175 238 238
#AFEEEE
Темно-бирюзовый
Темно-бирюзовый
0 206 209
# 00CED1
средний бирюзовый
средний бирюзовый
72 209 204
# 48D1CC
бирюзовый
бирюза
64 224 208
# 40E0D0
Голубой
Голубой
0 255 255
# 00FFFF
LightCyan
LightCyan
224 255 255
# E0FFFF
CadetBlue
CadetBlue
95 158 160
# 5F9EA0
Средний Аквамарин
средний аквамарин
102 205 170
# 66CDAA
Аквамарин
Аквамарин
127 255 212
# 7FFFD4
Темно-зеленый
темно-зеленый
0100 0
# 006400
DarkOliveGreen
DarkOliveGreen
Зеленый
85 107 47
# 556B2F
DarkSeaGreen
DarkSeaGreen
Зеленый
143 188 143
# 8FBC8F
SeaGreen
SeaGreen
46 139 87
# 2E8B57
MediumSeaGreen
средний SeaGreen
60 179 113
# 3CB371
LightSeaGreen
Светлое Морезеленое
32 178 170
# 20B2AA
Бледно-зеленый
Бледно-зеленый
152 251 152
# 98FB98
SpringGreen
SpringGreen
0 255 127
# 00FF7F
Зеленый газон
LawnGreen
124 252 0
# 7CFC00
Зеленый
Зеленый
0 255 0
# 00FF00
Шартрез
Шартрез
127 255 0
# 7FFF00
MedSpringGreen
MedSpringGreen
0250 154
# 00FA9A
Зеленый Желтый
зеленый желтый
173 255 47
# ADFF2F
зеленовато-желтый
Лаймзеленый
50 205 50
# 32CD32
Желто-зеленый
желто-зеленый
154 205 50
# 9ACD32
ForestGreen
ForestGreen
34 139 34
# 228B22
OliveDrab
OliveDrab
107 142 35
# 6B8E23
Темный хаки
Темный хаки
189 183 107
# BDB76B
PaleGoldenrod
PaleGoldenrod
238 232 170
# EEE8AA
LtGoldenrodYello
LtGoldenrodYello
250 250 210
# FAFAD2
Светло-желтый
Светло-желтый
255 255 224
# FFFFE0
Желтый
Желтый
255 255 0
# FFFF00
Золото
Золото
255 215 0
# FFD700
LightGoldenrod
Лайт Голденрод
238 221 130
# EEDD82
золотарник
золотарник
218 165 32
# DAA520
ТемныйGoldenrod
Темный, Голденрод,
184 134 11
# B8860B
RosyBrown
розово-коричневый
188 143 143
# BC8F8F
Индийский красный
Индийский Красный
205 92 92
# CD5C5C
Седло Коричневый
Седло Коричневый
139 69 19
# 8B4513
Сиенна
Сиенна
160 82 45
# A0522D
Перу
Перу
205 133 63
# CD853F
Burlywood
Бурливуд
222 184 135
# DEB887
бежевый
Бежевый
245 245 220
# F5F5DC
Пшеница
Пшеница
245 222 179
# F5DEB3
SandyBrown
SandyBrown
244 164 96
# F4A460
Желто-коричневый
Тан
210 180 140
# D2B48C
Шоколадный
Шоколад
210 105 30
# D2691E
Firebrick
Огненный кирпич
178 34 34
# B22222
Коричневый
коричневый
165 42 42
# A52A2A
Темный лосось
Темный лосось
233 150 122
# E9967A
Лосось
Лосось
250 128 114
# FA8072
Лосось светлый
Лосось светлый
255 160 122
# FFA07A
Оранжевый
Оранжевый
255 165 0
# FFA500
Темно-оранжевый
Темно-оранжевый
255 140 0
# FF8C00
Коралл
Коралл
255 127 80
# FF7F50
Светлый коралловый
LightCoral
240 128 128
# F08080
Помидор
Помидор
255 99 71
# FF6347
Оранжевый Красный
Оранжевый Красный
255 69 0
# FF4500
Красный
Красный
255 0 0
# FF0000
HotPink
HotPink
255 105 180
# FF69B4
DeepPink
DeepPink
255 20 147
# FF1493
Розовый
розовый
255 192 203
# FFC0CB
LightPink
LightPink
255 182 193
# FFB6C1
Бледно-фиолетовый красный
бледно-фиолетовый
219 112 147
# DB7093
Бордовый
Бордовый
176 48 96
# B03060
средний фиолетовый красный
средний фиолетовый красный
199 21 133
# C71585
Фиолетово-красный
фиолетовый
208 32 144
# D02090
пурпурный
пурпурный
255 0 255
# FF00FF
фиолетовый
фиолетовый
238 130 238
# EE82EE
Слива
Слива
221 160 221
# DDA0DD
Орхидея
Орхидея
218 112 214
# DA70D6
Средний Орхидея
Средний Орхидея
186 85 211
# BA55D3
DarkOrchid
Темная орхидея
153 50 204
# 9932CC
Темно-фиолетовый
Темно-фиолетовый
148 0 211
# 9400D3
Синий-фиолетовый
BlueViolet
138 43 226
# 8A2BE2
Фиолетовый
фиолетовый
160 32 240
# A020F0
средний фиолетовый
средний фиолетовый
147 112 219
# 9370DB
Чертополох
Чертополох
216 191 216
# D8BFD8
Снег1
Снег1
255 250 250
#FFFAFA
Снег2
Снег2
238 233 233
# EEE9E9
Snow3
Снег3
205 201 201
# CDC9C9
Снег4
Снег4
139 137 137
# 8B8989
Морская ракушка1
Морская ракушка1
255 245 238
# FFF5EE
Морская ракушка2
Морская ракушка2
238 229 222
# EEE5DE
Морская ракушка3
Морская ракушка3
205 197 191
# CDC5BF
Морская ракушка4
Морская ракушка4
139 134 130
# 8B8682
Античный Белый1
античный белый 1
255 239 219
#FFEFDB
Античный Белый2
античный белый2
238 223 204
#EEDFCC
AntiqueWhite3
античный белый3
205 192 176
# CDC0B0
AntiqueWhite4
Белый
AntiqueWhite4
Античный Белый
139 131 120
# 8B8378
Bisque1
Биск1
255 228 196
# FFE4C4
Bisque2
Bisque2
238 213 183
# EED5B7
Bisque3
Bisque3
205 183 158
# CDB79E
Bisque4
Bisque4
139 125 107
# 8B7D6B
PeachPuff1
PeachPuff1
255 218 185
# FFDAB9
PeachPuff2
PeachPuff2
238 203 173
#EECBAD
PeachPuff3
PeachPuff3
205 175 149
# CDAF95
PeachPuff4
PeachPuff4
139 119 101
# 8B7765
Навахо Белый1
Навахо Белый1
255 222 173
#FFDEAD
Навахо Белый2
Навахо Белый2
238 207 161
# EECFA1
NavajoWhite3
Навахо Белый3
205 179 139
# CDB38B
NavajoWhite4
Навахо Белый4
139 121 94
# 8B795E
Лимонный шифон1
Лимонный шифон1
255 250 205
#FFFACD
Лимонный шифон2
Лимонный шифон2
238 233 191
# EEE9BF
Лимонный шифон3
Лимонный шифон3
205 201 165
# CDC9A5
Лимонный шифон4
Лимонный шифон4
139 137 112
# 8B8970
Cornsilk1
Корнсилк1
255 248 220
# FFF8DC
Cornsilk2
Корнсилк2
238 232 205
# EEE8CD
Cornsilk3
Cornsilk3
205 200 177
# CDC8B1
Cornsilk4
Cornsilk4
139 136 120
# 8B8878
воры1
слоновая кость1
255 255 240
# FFFFF0
воры2
слоновая кость2
238 238 224
# EEEEE0
слоновая кость3
слоновая кость3
205 205 193
# CDCDC1
Цвет слоновой кости4
слоновая кость4
139 139 131
# 8B8B83
Honeydew1
Ханидью1
240 255 240
# F0FFF0
Honeydew2
Ханидью2
224 238 224
# E0EEE0
Honeydew3
Ханидью3
193 205 193
# C1CDC1
Honeydew4
Ханидью4
131 139 131
# 838B83
LavenderBlush2
Бледно-лиловый 2
255 240 245
# FFF0F5
LavenderBlush3
Лаванда Блаш3
238 224 229
# EEE0E5
LavenderBlush4
Лаванда Блаш 4
205 193 197
# CDC1C5
LavenderBlush5
Бледно-лиловый 5
139 131 134
# 8B8386
MistyRose1
MistyRose1
255 228 225
# FFE4E1
МистиРоуз2
MistyRose2
238 213 210
# EED5D2
MistyRose3
MistyRose3
205 183 181
# CDB7B5
MistyRose4
MistyRose4
139 125 123
# 8B7D7B
Azure1
Azure1
240 255 255
# F0FFFF
Azure2
Azure2
224 238 238
# E0EEEE
Azure3
Azure3
193 205 205
# C1CDCD
Azure4
Лазурный4
131 139 139
# 838B8B
SlateBlue1
Синий1
131 111 255
# 836FFF
SlateBlue2
Сланцевый Синий2
122 103 238
# 7A67EE
SlateBlue3
Сланцевый Синий3
105 89 205
# 6959CD
SlateBlue4
Сланцевый Синий4
71 60 139
# 473C8B
RoyalBlue1
RoyalBlue1
72 118 255
# 4876FF
RoyalBlue2
RoyalBlue2
67 110 238
# 436EEE
RoyalBlue3
RoyalBlue3
58 95 205
# 3A5FCD
RoyalBlue4
RoyalBlue4
39 64 139
# 27408B
Синий1
Синий1
0 0 255
# 0000FF
Синий2
Синий2
0 0 238
# 0000EE
Синий3
Синий3
0 0 205
# 0000CD
Синий4
Синий4
0 0 139
# 00008B
DodgerBlue1
ДоджерСиний1
30 144 255
# 1E90FF
DodgerBlue2
DodgerBlue2
28 134 238
# 1C86EE
DodgerBlue3
DodgerBlue3
24 116 205
# 1874CD
DodgerBlue4
ДоджерСиний4
16 78 139
# 104E8B
SteelBlue1
SteelBlue1
99 184 255
# 63B8FF
SteelBlue2
SteelBlue2
92 172 238
# 5CACEE
SteelBlue3
SteelBlue3
79 148 205
# 4F94CD
SteelBlue4
SteelBlue4
54 100 139
# 36648B
DeepSkyBlue1
DeepSkyBlue1
0 191 255
# 00BFFF
DeepSkyBlue2
DeepSkyBlue2
0 178 238
# 00B2EE
DeepSkyBlue3
DeepSkyBlue3
0 154 205
# 009ACD
DeepSkyBlue4
DeepSkyBlue4
0 104 139
# 00688B
SkyBlue1
SkyBlue1
135 206 255
# 87CEFF
SkyBlue2
SkyBlue2
126 192 238
# 7EC0EE
SkyBlue3
SkyBlue3
108 166 205
# 6CA6CD
SkyBlue4
SkyBlue4
74 112 139
# 4A708B
LightSkyBlue1
Светло-Голубой1
176 226 255
# B0E2FF
LightSkyBlue2
LightSkyBlue2
164 211 238
# A4D3EE
LightSkyBlue3
LightSkyBlue3
141 182 205
# 8DB6CD
LightSkyBlue4
Светло-Голубой4
96 123 139
# 607B8B
SlateGray1
Серый сланец 1
198 226 255
# C6E2FF
SlateGray2
сланцевый серый2
185 211 238
# B9D3EE
SlateGray3
Серый сланец 3
159 182 205
# 9FB6CD
SlateGray4
Серый шифер 4
108 123 139
# 6C7B8B
LightSteelBlue1
СветлоСталь Синий1
202225 255
# CAE1FF
LightSteelBlue2
LightSteelBlue2
188 210 238
# BCD2EE
LightSteelBlue3
СветлоСин. 3
162 181 205
# A2B5CD
LightSteelBlue4
светло-синий 4
110 123 139
# 6E7B8B
Голубой1
Голубой1
191 239 255
#BFEFFF
Голубой2
Светло-голубой2
178 223 238
# B2DFEE
Голубой3
Голубой3
154 192 205
# 9AC0CD
Голубой4
Голубой4
104 131 139
# 68838B
LightCyan1
LightCyan1
224 255 255
# E0FFFF
LightCyan2
LightCyan2
209 238 238
# D1EEEE
LightCyan3
LightCyan3
180 205 205
# B4CDCD
LightCyan4
LightCyan4
122 139 139
# 7A8B8B
Бледно-бирюзовый1
PaleTurquoise1
187 255 255
#BBFFFF
Бледно-бирюзовый2
PaleTurquoise2
174 238 238
#AEEEEE
Бледно-бирюзовый3
PaleTurquoise3
150 205 205
# 96CDCD
Бледно-бирюзовый4
PaleTurquoise4
102 139 139
# 668B8B
CadetBlue1
CadetBlue1
152 245 255
# 98F5FF
CadetBlue2
CadetBlue2
142 229 238
# 8EE5EE
CadetBlue3
CadetBlue3
122 197 205
# 7AC5CD
CadetBlue4
CadetBlue4
83 134 139
# 53868B
Бирюзовый1
Бирюзовый1
0 245 255
# 00F5FF
Бирюзовый2
Бирюзовый2
0 229 238
# 00E5EE
Бирюзовый3
Бирюзовый3
0 197 205
# 00C5CD
Бирюзовый4
Бирюзовый4
0 134 139
# 00868B
Голубой1
голубой 1
0 255 255
# 00FFFF
Голубой2
Голубой 2
0 238 238
# 00EEEE
Голубой3
Голубой 3
0 205 205
# 00CDCD
Голубой4
Голубой 4
0 139 139
# 008B8B
DarkSlateGray1
Темно-серый1
151 255 255
# 97FFFF
DarkSlateGray2
Темно-серый2
141 238 238
# 8DEEEE
DarkSlateGray3
Темно-серый3
121 205 205
# 79CDCD
DarkSlateGray4
Темно-серый 4
82 139 139
# 528B8B
Аквамарин1
Аквамарин1
127 255 212
# 7FFFD4
Аквамарин2
Аквамарин2
118 238 198
# 76EEC6
Аквамарин3
Аквамарин3
102 205 170
# 66CDAA
Аквамарин4
Аквамарин4
69 139 116
# 458B74
DarkSeaGreen1
DarkSeaGreen1
193 255 193
# C1FFC1
DarkSeaGreen2
DarkSeaGreen2
180 238 180
# B4EEB4
DarkSeaGreen3
темно-синий3
155 205 155
# 9BCD9B
DarkSeaGreen4
DarkSeaGreen 4
Зеленый
105 139 105
# 698B69
SeaGreen1
SeaGreen1
84 255 159
# 54FF9F
SeaGreen2
SeaGreen2
78 238 148
# 4EEE94
SeaGreen3
SeaGreen3
67 205 128
# 43CD80
SeaGreen4
SeaGreen4
46 139 87
# 2E8B57
Бледно-зеленый1
Бледно-зеленый1
154 255 154
# 9AFF9A
Бледно-зеленый2
Бледно-зеленый2
144 238 144
# 90EE90
Бледно-зеленый3
Бледно-зеленый3
124 205 124
# 7CCD7C
Бледно-зеленый4
Бледно-зеленый4
84 139 84
# 548B54
SpringGreen1
SpringGreen1
0 255 127
# 00FF7F
SpringGreen2
SpringGreen2
0 238 118
# 00EE76
SpringGreen3
SpringGreen3
0 205 102
# 00CD66
SpringGreen4
SpringGreen4
0 139 69
# 008B45
Зеленый1
Зеленый1
0 255 0
# 00FF00
Зеленый2
Зеленый2
0 238 0
# 00EE00
Зеленый3
Зеленый3
0 205 0
# 00CD00
Зеленый4
Зеленый4
0 139 0
# 008B00
Шартрез1
Шартрез1
127 255 0
# 7FFF00
Шартрез2
Шартрез2
118 238 0
# 76EE00
Шартрез3
Шартрез3
102 205 0
# 66CD00
Шартрез4
Шартрез4
69 139 0
# 458B00
OliveDrab1
OliveDrab1
192 255 62
# C0FF3E
OliveDrab2
OliveDrab2
179 238 58
# B3EE3A
OliveDrab3
OliveDrab3
154 205 50
# 9ACD32
OliveDrab4
OliveDrab4
105 139 34
# 698B22
DarkOliveGreen1
DarkOliveGreen1
202 255 112
# CAFF70
DarkOliveGreen2
DarkOliveGreen2
188 238 104
# BCEE68
DarkOliveGreen3
DarkOliveGreen3
162 205 90
# A2CD5A
DarkOliveGreen4
DarkOliveGreen4
Зеленый
110 139 61
# 6E8B3D
Хаки1
Хаки1
255 246 143
# FFF68F
Хаки2
Хаки2
238 230 133
# EEE685
Хаки3
хаки3
205 198 115
# CDC673
хаки4
хаки4
139 134 78
# 8B864E
LightGoldenrod1
ЛайтГолденрод1
255 236 139
# FFEC8B
LightGoldenrod2
ЛайтГолденрод2
238 220 130
# EEDC82
LightGoldenrod3
ЛайтГолденрод3
205 190 112
# CDBE70
LightGoldenrod4
ЛайтГолденрод4
139 129 76
# 8B814C
Светло-желтый1
Светло-желтый1
255 255 224
# FFFFE0
Светло-желтый2
Светло-желтый2
238 238 209
# EEEED1
Светло-желтый3
Светло-желтый3
205 205 180
# CDCDB4
Светло-желтый4
светло-желтый4
139 139 122
# 8B8B7A
Желтый1
Желтый1
255 255 0
# FFFF00
Желтый2
Yellow2
238 238 0
#EEEE00
Yellow3
Yellow3
205 205 0
#CDCD00
Yellow4
Yellow4
139 139 0
#8B8B00
Gold1
Gold1
255 215 0
#FFD700
Gold2
Gold2
238 201 0
#EEC900
Gold3
Gold3
205 173 0
#CDAD00
Gold4
Gold4
139 117 0
#8B7500
Goldenrod1
Goldenrod1
255 193 37
#FFC125
Goldenrod2
Goldenrod2
238 180 34
#EEB422
Goldenrod3
Goldenrod3
205 155 29
#CD9B1D
Goldenrod4
Goldenrod4
139 105 20
#8B6914
DarkGoldenrod1
DarkGoldenrod1
255 185 15
#FFB90F
DarkGoldenrod2
DarkGoldenrod2
238 173 14
#EEAD0E
DarkGoldenrod3
DarkGoldenrod3
205 149 12
#CD950C
DarkGoldenrod4
DarkGoldenrod4
139 101 8
#8B658B
RosyBrown1
RosyBrown1
255 193 193
#FFC1C1
RosyBrown2
RosyBrown2
238 180 180
#EEB4B4
RosyBrown3
RosyBrown3
205 155 155
#CD9B9B
RosyBrown4
RosyBrown4
139 105 105
#8B6969
IndianRed1
IndianRed1
255 106 106
#FF6A6A
IndianRed2
IndianRed2
238 99 99
#EE6363
IndianRed3
IndianRed3
205 85 85
#CD5555
IndianRed4
IndianRed4
139 58 58
#8B3A3A
Sienna1
Sienna1
255 130 71
#FF8247
Sienna2
Sienna2
238 121 66
#EE7942
Sienna3
Sienna3
205 104 57
#CD6839
Sienna4
Sienna4
139 71 38
#8B4726
Burlywood1
Burlywood1
255 211 155
#FFD39B
Burlywood2
Burlywood2
238 197 145
#EEC591
Burlywood3
Burlywood3
205 170 125
#CDAA7D
Burlywood4
Burlywood4
139 115 85
#8B7355
Wheat1
Wheat1
255 231 186
#FFE7BA
Wheat2
Wheat2
238 216 174
#EED8AE
Wheat3
Wheat3
205 186 150
#CDBA96
Wheat4
Wheat4
139 126 102
#8B7E66
Tan1
Tan1
255 165 79
#FFA54F
Tan2
Tan2
238 154 73
#EE9A49
Tan3
Tan3
205 133 63
#CD853F
Tan4
Tan4
139 90 43
#8B5A2B
Chocolate1
Chocolate1
255 127 36
#FF7F24
Chocolate2
Chocolate2
238 118 33
#EE7621
Chocolate3
Chocolate3
205 102 29
#CD661D
Chocolate4
Chocolate4
139 69 19
#8B4513
Firebrick1
Firebrick1
255 48 48
#FF3030
Firebrick2
Firebrick2
238 44 44
#EE2C2C
Firebrick3
Firebrick3
205 38 38
#CD2626
Firebrick4
Firebrick4
139 26 26
#8B1A1A
Brown1
Brown1
255 64 64
#FF4040
Brown2
Brown2
238 59 59
#EE3B3B
Brown3
Brown3
205 51 51
#CD3333
Brown4
Brown4
139 35 35
#8B2323
Salmon1
Salmon1
255 140 105
#FF8C69
Salmon2
Salmon2
238 130 98
#EE8262
Salmon3
Salmon3
205 112 84
#CD7054
Salmon4
Salmon4
139 76 57
#8B4C39
LightSalmon1
LightSalmon1
255 160 122
#FFA07A
LightSalmon2
LightSalmon2
238 149 114
#EE9572
LightSalmon3
LightSalmon3
205 129 98
#CD8162
LightSalmon4
LightSalmon4
139 87 66
#8B5742
Orange1
Orange1
255 165 0
#FFA500
Orange2
Orange2
238 154 0
#EE9A00
Orange3
Orange3
205 133 0
#CD8500
Orange4
Orange4
139 90 0
#8B5A00
DarkOrange1
DarkOrange1
255 127 0
#FF7F00
DarkOrange2
DarkOrange2
238 118 0
#EE7600
DarkOrange3
DarkOrange3
205 102 0
#CD6600
DarkOrange4
DarkOrange4
139 69 0
#8B4500
Coral1
Coral1
255 114 86
#FF7256
Coral2
Coral2
238 106 80
#EE6A50
Coral3
Coral3
205 91 69
#CD5B45
Coral4
Coral4
139 62 47
#8B3E2F
Tomato1
Tomato1
255 99 71
#FF6347
Tomato2
Tomato2
238 92 66
#EE5C42
Tomato3
Tomato3
205 79 57
#CD4F39
Tomato4
Tomato4
139 54 38
#8B3626
OrangeRed1
OrangeRed1
255 69 0
#FF4500
OrangeRed2
OrangeRed2
238 64 0
#EE4000
OrangeRed3
OrangeRed3
205 55 0
#CD3700
OrangeRed4
OrangeRed4
139 37 0
#8B2500
Red1
Red1
255 0 0
#FF0000
Red2
Red2
238 0 0
#EE0000
Red3
Red3
205 0 0
#CD0000
Red4
Red4
139 0 0
#8B0000
DeepPink1
DeepPink1
255 20 147
#FF1493
DeepPink2
DeepPink2
238 18 137
#EE1289
DeepPink3
DeepPink3
205 16 118
#CD1076
DeepPink4
DeepPink4
139 10 80
#8B0A50
HotPink1
HotPink1
255 110 180
#FF6EB4
HotPink2
HotPink2
238 106 167
#EE6AA7
HotPink3
HotPink3
205 96 144
#CD6090
HotPink4
HotPink4
139 58 98
#8B3A62
Pink1
Pink1
255 181 197
#FFB5C5
Pink2
Pink2
238 169 184
#EEA9B8
Pink3
Pink3
205 145 158
#CD919E
Pink4
Pink4
139 99 108
#8B636C
LightPink1
LightPink1
255 174 185
#FFAEB9
LightPink2
LightPink2
238 162 173
#EEA2AD
LightPink3
LightPink3
205 140 149
#CD8C95
LightPink4
LightPink4
139 95 101
#8B5F65
PaleVioletRed1
PaleVioletRed1
255 130 171
#FF82AB
PaleVioletRed2
PaleVioletRed2
238 121 159
#EE799F
PaleVioletRed3
PaleVioletRed3
205 104 137
#CD6889
PaleVioletRed4
PaleVioletRed4
139 71 93
#8B475D
Maroon1
Maroon1
255 52 179
#FF34B3
Maroon2
Maroon2
238 48 167
#EE30A7
Maroon3
Maroon3
205 41 144
#CD2990
Maroon4
Maroon4
139 28 98
#8B1C62
VioletRed1
VioletRed1
255 62 150
#FF3E96
VioletRed2
VioletRed2
238 58 140
#EE3A8C
VioletRed3
VioletRed3
205 50 120
#CD3278
VioletRed4
VioletRed4
139 34 82
#8B2252
Magenta1
Magenta1
255 0 255
#FF00FF
Magenta2
Magenta2
238 0 238
#EE00EE
Magenta3
Magenta3
205 0 205
#CD00CD
Magenta4
Magenta4
139 0 139
#8B008B
Orchid1
Orchid1
255 131 250
#FF83FA
Orchid2
Orchid2
238 122 233
#EE7AE9
Orchid3
Orchid3
205 105 201
#CD69C9
Orchid4
Orchid4
139 71 137
#8B4789
Plum1
Plum1
255 187 255
#FFBBFF
Plum2
Plum2
238 174 238
#EEAEEE
Plum3
Plum3
205 150 205
#CD96CD
Plum4
Plum4
139 102 139
#8B668B
MediumOrchid1
MediumOrchid1
224 102 255
#E066FF
MediumOrchid2
MediumOrchid2
209 95 238
#D15FEE
MediumOrchid3
MediumOrchid3
180 82 205
#B452CD
MediumOrchid4
MediumOrchid4
122 55 139
#7A378B
DarkOrchid1
DarkOrchid1
191 62 255
#BF3EFF
DarkOrchid2
DarkOrchid2
178 58 238
#B23AEE
DarkOrchid3
DarkOrchid3
154 50 205
#9A32CD
DarkOrchid4
DarkOrchid4
104 34 139
#68228B
Purple1
Purple1
155 48 255
#9B30FF
Purple2
Purple2
145 44 238
#912CEE
Purple3
Purple3
125 38 205
#7D26CD
Purple4
Purple4
85 26 139
#551A8B
MediumPurple1
MediumPurple1
171 130 255
#AB82FF
MediumPurple2
MediumPurple2
159 121 238
#9F79EE
MediumPurple3
MediumPurple3
137 104 205
#8968CD
MediumPurple4
MediumPurple4
93 71 139
#5D478B
Thistle1
Thistle1
255 225 255
#FFE1FF
Thistle2
Thistle2
238 210 238
#EED2EE
Thistle3
Thistle3
205 181 205
#CDB5CD
Thistle4
Thistle4
139 123 139
#8B7B8B
grey11
grey11
28 28 28
#1C1C1C
grey21
grey21
54 54 54
#363636
grey31
grey31
79 79 79
#4F4F4F
grey41
grey41
105 105 105
#696969
grey51
grey51
130 130 130
#828282
grey61
grey61
156 156 156
#9C9C9C
grey71
grey71
181 181 181
#B5B5B5
gray81
gray81
207 207 207
#CFCFCF
gray91
gray91
232 232 232
#E8E8E8
DarkGrey
DarkGrey
169 169 169
#A9A9A9
DarkBlue
DarkBlue
0 0 139
#00008B
DarkCyan
DarkCyan
0 139 139
#008B8B
DarkMagenta
DarkMagenta
139 0 139
#8B008B
DarkRed
DarkRed
139 0 0
#8B0000
LightGreen
LightGreen
144 238 144
#90EE90
Free, open source, and modern CSS framework based on Flexbox
Документы
Документация Видео Экспо Любить Спонсоры
Больше GitHub The official repository Patreon and GitHub Backers Everyone who is supporting Bulma Блог Stay updated with new features Made with Bulma The official community badge Coming from Bootstrap See how Bulma is an alternative to Bootstrap Bulma extensions Side projects to enhance Bulma Bulma start A tiny npm package to get started
Leave a Comment