Содержание

Таблица html цветов. Названия и коды цветов в RGB. Палитра цветов : WEBCodius

В языках html и css, для того чтобы страницы не были серыми и однотипными, имеется возможность цветового оформления документов. Для этого обычно используют модель RGB — аббревиатура от трех английских слов — названий цветов: red (красный), green (зеленый) и blue (синий).

В html и css для обозначения цвета используются ключевые слова — названия цвета, либо шестнадцатеричный цветовой код.

Формат цветового кода html представляет из себя символ «#» и набор из шести цифр и латинских букв от A до F . Это так называемый шестнадцатеричный код, в котором, например, буква «A» соответствует десятеричному числу 10, а комбинация «FF» — десятеричному 255.

Каждый символ в шестнадцатеричном коде имеет определенное значение. Так первые два символа в коде цвета HTML обозначают насыщенность красного цвета (00 — минимальная насыщенность; FF — максимальная насыщенность). Третий и четвертый символ определяют насыщенность зеленого цвета, а пятый и шестой синего. Например, код красного цвета #FF0000, зеленого соответственно #00FF00.

Далее представлены таблицы ключевых слов — названий цветов и их шестнадцатеричных значений, которые можно использовать при разработке сайтов на языках html и css.

Таблица базовых названий цветов

Название цвета HEX Цвет
Black #000000
silver #C0C0C0
gray #808080
white #FFFFFF
maroon #800000
red #FF0000
purple #800080
fuchsia #FF00FF
green #008000
lime #00FF00
olive #808000
yellow #FFFF00
navy #000080
blue #0000FF
teal #008080
aqua #00FFFF

Расширенная таблица названий цветов

Название цвета HEX Цвет
Black #000000
Navy #000080
DarkBlue #00008B
MediumBlue #0000CD
Blue #0000FF
DarkGreen #006400
Green #008000
Teal #008080
DarkCyan #008B8B
DeepSkyBlue #00BFFF
DarkTurquoise #00CED1
MediumSpringGreen #00FA9A
Lime #00FF00
SpringGreen #00FF7F
Aqua #00FFFF
Cyan #00FFFF
MidnightBlue #191970
DodgerBlue #1E90FF
LightSeaGreen #20B2AA
ForestGreen #228B22
SeaGreen #2E8B57
DarkSlateGray #2F4F4F
LimeGreen #32CD32
MediumSeaGreen #3CB371
Turquoise #40E0D0
RoyalBlue #4169E1
SteelBlue #4682B4
DarkSlateBlue #483D8B
MediumTurquoise #48D1CC
Indigo #4B0082
DarkOliveGreen #556B2F
CadetBlue #5F9EA0
CornflowerBlue #6495ED
MediumAquaMarine #66CDAA
DimGray #696969
SlateBlue #6A5ACD
OliveDrab #6B8E23
SlateGray #708090
LightSlateGray #778899
MediumSlateBlue #7B68EE
LawnGreen #7CFC00
Chartreuse #7FFF00
Aquamarine #7FFFD4
Maroon #800000
Purple #800080
Olive #808000
Gray #808080
SkyBlue #87CEEB
LightSkyBlue #87CEFA
BlueViolet #8A2BE2
DarkRed #8B0000
DarkMagenta #8B008B
SaddleBrown #8B4513
DarkSeaGreen #8FBC8F
LightGreen #90EE90
MediumPurple #9370D8
DarkViolet #9400D3
PaleGreen #98FB98
DarkOrchid #9932CC
YellowGreen #9ACD32
Sienna #A0522D
Brown #A52A2A
DarkGray #A9A9A9
LightBlue #ADD8E6
GreenYellow #ADFF2F
PaleTurquoise #AFEEEE
LightSteelBlue #B0C4DE
PowderBlue #B0E0E6
FireBrick #B22222
DarkGoldenRod #B8860B
MediumOrchid #BA55D3
RosyBrown #BC8F8F
DarkKhaki #BDB76B
Silver #C0C0C0
MediumVioletRed #C71585
IndianRed #CD5C5C
Peru #CD853F
Chocolate #D2691E
Tan #D2B48C
LightGray #D3D3D3
PaleVioletRed #D87093
Thistle #D8BFD8
Orchid #DA70D6
GoldenRod #DAA520
Crimson #DC143C
Gainsboro #DCDCDC
Plum #DDA0DD
BurlyWood #DEB887
LightCyan #E0FFFF
Lavender #E6E6FA
DarkSalmon #E9967A
Violet #EE82EE
PaleGoldenRod #EEE8AA
LightCoral #F08080
Khaki #F0E68C
AliceBlue #F0F8FF
HoneyDew #F0FFF0
Azure #F0FFFF
SandyBrown #F4A460
Wheat #F5DEB3
Beige #F5F5DC
WhiteSmoke #F5F5F5
MintCream #F5FFFA
GhostWhite #F8F8FF
Salmon #FA8072
AntiqueWhite #FAEBD7
Linen #FAF0E6
LightGoldenRodYellow #FAFAD2
OldLace #FDF5E6
Red #FF0000
Fuchsia #FF00FF
Magenta #FF00FF
DeepPink #FF1493
OrangeRed #FF4500
Tomato #FF6347
HotPink #FF69B4
Coral #FF7F50
Darkorange #FF8C00
LightSalmon #FFA07A
Orange #FFA500
LightPink #FFB6C1
Pink #FFC0CB
Gold #FFD700
PeachPuff #FFDAB9
NavajoWhite #FFDEAD
Moccasin #FFE4B5
Bisque #FFE4C4
MistyRose #FFE4E1
BlanchedAlmond #FFEBCD
PapayaWhip #FFEFD5
LavenderBlush #FFF0F5
SeaShell #FFF5EE
Cornsilk #FFF8DC
LemonChiffon #FFFACD
FloralWhite #FFFAF0
Snow #FFFAFA
Yellow #FFFF00
LightYellow #FFFFE0
Ivory #FFFFF0
White #FFFFFF

Использование цветовых кодов HTML

При помощи цветовых html кодов и соответствующих css свойств можно задавать цвет фона для элементов веб страницы или цвет текста.

Например, используя css свойство background и любой из цветовых кодов можно задать цвет фона страницы:

<body>

А с помощью свойства color можно управлять цветом текста любого html элемента:

<p>

На этом все! До новых встреч!

Loading…

HTML таблица цвета

  Таблица цветов html, она будет полезна веб-разработчикам, дизайнеру сайта, оформителям и сайтостроителю, как инструмент подсказка, чтобы постоянно не смотреть в редактор и не выбирать значение кода. Такое часто приходится, если вам надо подобрать какой-нибудь цвет, тон или гамму, чтобы ресурс смотрелся, сделать его красивым, интересным и удобен пользователям. Задать значение можно несколькими способами, именно html таблица цветов показаны (варианты, отсортированы в порядке популярности их использования):

Коды и названия цветов html (CSS и RGB)

  
По названию цвет 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

Как самостоятельно задать цвет в CSS, задать код, вот несколько вариант:

1. Задать хтмл цвет методом шести цифр шестнадцатеричного кода

В начале, обязательно пишется символ решётка, пример этого варианта: #XXXXXX. Две цифры впереди отвечают за силу и глубину красного оттенка (Red), две следующие цифры зеленый (Green) и оставшиеся две цифры отвечает за синий цвет (Blue). Из букв получаем модель RGB цветосочетания или (rgb таблица). Метод применяется чаще всего для решения задач, чтобы качественно оформить страницы сайта, упростить работу вебмастеру, список кодов замечательно позволяет точно подобрать подходящий оттенок цвета. 
Примечание Существует более краткая форма обозначения цвета html в виде трех шестнадцатеричных цифры: #XXX. В этом случаи каждый код определяется двухзначным шестнадцатеричным числом, поэтому каждая цифра дублируется. К примеру, #ABC соответствует коду #AABBCC. Также и с цифрами.

2. Задать цвет можно с помощью слов, через его название

Удобный и понятный вариант, вместо цифр по его названию, пишите слово (Red) и получаете красный цвет. Но есть ограничение, малое количество вариантов, которые можно задать по названию, поэтому получает применять только в некоторых случая. И всё же название цвета достаточно во многих ситуациях, чтобы можно было работать с ними, подобрать подходящий для себя соответствующий, хотя бы на время.

3. Задание цвета методом трех десятичных чисел

Похожий метод на первый вариант, но с более сложным синтаксисом: rgb(XYZ,XYZ,XYZ), где X, Y, Z — любые десятичные цифры, но XYZ не должны быть больше значения 255. Каждый из трех чисел отделенные запятой отвечают за какой-то цвет (красный, зелёный, синий).
Сама таблица цветов html представлен здесь на dle9.com ниже, наглядный пример состоит из трёх вариантов с обозначением в формате цифр, RGB-модели, и названия html и код.

Добавьте эту страницу в закладки браузера, чтобы всегда была «под рукой».

Для добавления в закладки нажмите Ctrl+D.

Кроме этого, если вы хотите вводить символ, недоступные при использовании обычной клавиатуры, существуют возможность это сделать.

Смотрите также:

Рекомендуем интересные темы

HTML и CSS. Коллекции html-цветов

Коллекции HTML кодов цветов

Material Design

#F44336 #E91E63 #9C27B0
#673AB7 #3F51B5 #2196F3
#03A9F4 #00BCD4 #009688
#4CAF50 #8BC34A #CDDC39
#FFEB3B #FFC107 #FF9800
#FF5722 #795548 #9E9E9E
#607D8B

iOS

#FF2D55 #5856D6 #007AFF
#34AADC #5AC8FA #4CD964
#FF3B30 #FF9500 #FFCC00
#8E8E93 #C7C7CC #D6CEC3

Windows

#FF0097 #A200FF #00ABA9
#8CBF26 #A05000 #E671B8
#F09609 #1BA1E2 #E51400
#339933

Twitter

#55ACEE #292F33 #66757F
#8899A6 #CCD6DD #E1E8ED
#F5F8FA

Flat UI

#1ABC9C #16A085 #2ECC71
#27AE60 #3498DB #2980B9
#9B59B6 #8E44AD #34495E
#2C3E50 #F1C40F #F39C12
#E67E22 #D35400 #E74C3C
#C0392B #ECF0F1 #BDC3C7
#95A5A6 #7F8C8D

Firefox

#E66000 #FF9500 #FFCB00
#0095DD #00539F #331E54
#002147

Flattastic

#ED5565 #DA4453 #FC6E51
#E9573F #FFCE54 #F6BB42
#A0D468 #8CC152 #4FC1E9
#3BAFDA #5D9CEC #4A89DC
#AC92EC #967ADC #EC87C0
#D770AD #F5F7FA #E6E9ED
#CCD1D9 #AAB2BD #656D78
#434A54

 

Метки цвет. Смотреть запись.

Таблица HTML кодов цветов | Написание и коды в RGB

Таблица HTML кодов цветов | Написание и коды в RGB

Top-Sid.Ru | Таблица HTML кодов цветов

Написание

Цвет

R G B

Код для HTML

Snow Snow 255 250 250 #FFFAFA
GhostWhite GhostWhite 248 248 255 #F8F8FF
WhiteSmoke WhiteSmoke 245 245 245 #F5F5F5
Gainsboro Gainsboro 220 220 220 #DCDCDC
FloralWhite FloralWhite 255 250 240 #FFFAF0
OldLace OldLace 253 245 230 #FDF5E6
Linen Linen 250 240 230 #FAF0E6
AntiqueWhite AntiqueWhite 250 235 215 #FAEBD7
PapayaWhip PapayaWhip 255 239 213 #FFEFD5
BlanchedAlmond BlanchedAlmond 255 235 205 #FFEBCD
Bisque Bisque 255 228 196 #FFE4C4
PeachPuff PeachPuff 255 218 185 #FFDAB9
NavajoWhite NavajoWhite 255 222 173 #FFDEAD
Moccasin Moccasin 255 228 181 #FFE4B5
Cornsilk Cornsilk 255 248 220 #FFF8DC
Ivory Ivory 255 255 240 #FFFFF0
LemonChiffon LemonChiffon 255 250 205 #FFFACD
Seashell Seashell 255 245 238 #FFF5EE
Honeydew Honeydew 240 255 240 #F0FFF0
MintCream MintCream 245 255 250 #F5FFFA
Azure Azure 240 255 255 #F0FFFF
AliceBlue AliceBlue 240 248 255 #F0F8FF
lavender lavender 230 230 250 #E6E6FA
LavenderBlush LavenderBlush 255 240 245 #FFF0F5
MistyRose MistyRose 255 228 225 #FFE4E1
White White 255 255 255 #FFFFFF
Black Black 0 0 0 #000000
DarkSlateGray DarkSlateGray 47 79 79 #2F4F4F
DimGrey DimGrey 105 105 105 #696969
SlateGrey SlateGrey 112 128 144 #708090
LightSlateGray LightSlateGray 119 136 153 #778899
Grey Grey 190 190 190 #BEBEBE
LightGray LightGray 211 211 211 #D3D3D3
MidnightBlue MidnightBlue 25 25 112 #191970
NavyBlue NavyBlue 0 0 128 #000080
CornflowerBlue CornflowerBlue 100 149 237 #6495ED
DarkSlateBlue DarkSlateBlue 72 61 139 #483D8B
SlateBlue SlateBlue 106 90 205 #6A5ACD
MediumSlateBlue MediumSlateBlue 123 104 238 #7B68EE
LightSlateBlue LightSlateBlue 132 112 255 #8470FF
MediumBlue MediumBlue 0 0 205 #0000CD
RoyalBlue RoyalBlue 65 105 225 #4169E1
Blue Blue 0 0 255 #0000FF
DodgerBlue DodgerBlue 30 144 255 #1E90FF
DeepSkyBlue DeepSkyBlue 0 191 255 #00BFFF
SkyBlue SkyBlue 135 206 235 #87CEEB
LightSkyBlue LightSkyBlue 135 206 250 #87CEFA
SteelBlue SteelBlue 70 130 180 #4682B4
LightSteelBlue LightSteelBlue 176 196 222 #B0C4DE
LightBlue LightBlue 173 216 230 #ADD8E6
PowderBlue PowderBlue 176 224 230 #B0E0E6
PaleTurquoise PaleTurquoise 175 238 238 #AFEEEE
DarkTurquoise DarkTurquoise 0 206 209 #00CED1
MediumTurquoise MediumTurquoise 72 209 204 #48D1CC
Turquoise Turquoise 64 224 208 #40E0D0
Cyan Cyan 0 255 255 #00FFFF
LightCyan LightCyan 224 255 255 #E0FFFF
CadetBlue CadetBlue 95 158 160 #5F9EA0
MediumAquamarine MediumAquamarine 102 205 170 #66CDAA
Aquamarine Aquamarine 127 255 212 #7FFFD4
DarkGreen DarkGreen 0 100 0 #006400
DarkOliveGreen DarkOliveGreen 85 107 47 #556B2F
DarkSeaGreen DarkSeaGreen 143 188 143 #8FBC8F
SeaGreen SeaGreen 46 139 87 #2E8B57
MediumSeaGreen MediumSeaGreen 60 179 113 #3CB371
LightSeaGreen LightSeaGreen 32 178 170 #20B2AA
PaleGreen PaleGreen 152 251 152 #98FB98
SpringGreen SpringGreen 0 255 127 #00FF7F
LawnGreen LawnGreen 124 252 0 #7CFC00
Green Green 0 255 0 #00FF00
Chartreuse Chartreuse 127 255 0 #7FFF00
MedSpringGreen MedSpringGreen 0 250 154 #00FA9A
GreenYellow GreenYellow 173 255 47 #ADFF2F
LimeGreen LimeGreen 50 205 50 #32CD32
YellowGreen YellowGreen 154 205 50 #9ACD32
ForestGreen ForestGreen 34 139 34 #228B22
OliveDrab OliveDrab 107 142 35 #6B8E23
DarkKhaki DarkKhaki 189 183 107 #BDB76B
PaleGoldenrod PaleGoldenrod 238 232 170 #EEE8AA
LtGoldenrodYello LtGoldenrodYello 250 250 210 #FAFAD2
LightYellow LightYellow 255 255 224 #FFFFE0
Yellow Yellow 255 255 0 #FFFF00
Gold Gold 255 215 0 #FFD700
LightGoldenrod LightGoldenrod 238 221 130 #EEDD82
goldenrod goldenrod 218 165 32 #DAA520
DarkGoldenrod DarkGoldenrod 184 134 11 #B8860B
RosyBrown RosyBrown 188 143 143 #BC8F8F
IndianRed IndianRed 205 92 92 #CD5C5C
SaddleBrown SaddleBrown 139 69 19 #8B4513
Sienna Sienna 160 82 45 #A0522D
Peru Peru 205 133 63 #CD853F
Burlywood Burlywood 222 184 135 #DEB887
Beige Beige 245 245 220 #F5F5DC
Wheat Wheat 245 222 179 #F5DEB3
SandyBrown SandyBrown 244 164 96 #F4A460
Tan Tan 210 180 140 #D2B48C
Chocolate Chocolate 210 105 30 #D2691E
Firebrick Firebrick 178 34 34 #B22222
Brown Brown 165 42 42 #A52A2A
DarkSalmon DarkSalmon 233 150 122 #E9967A
Salmon Salmon 250 128 114 #FA8072
LightSalmon LightSalmon 255 160 122 #FFA07A
Orange Orange 255 165 0 #FFA500
DarkOrange DarkOrange 255 140 0 #FF8C00
Coral Coral 255 127 80 #FF7F50
LightCoral LightCoral 240 128 128 #F08080
Tomato Tomato 255 99 71 #FF6347
OrangeRed OrangeRed 255 69 0 #FF4500
Red Red 255 0 0 #FF0000
HotPink HotPink 255 105 180 #FF69B4
DeepPink DeepPink 255 20 147 #FF1493
Pink Pink 255 192 203 #FFC0CB
LightPink LightPink 255 182 193 #FFB6C1
PaleVioletRed PaleVioletRed 219 112 147 #DB7093
Maroon Maroon 176 48 96 #B03060
MediumVioletRed MediumVioletRed 199 21 133 #C71585
VioletRed VioletRed 208 32 144 #D02090
Magenta Magenta 255 0 255 #FF00FF
Violet Violet 238 130 238 #EE82EE
Plum Plum 221 160 221 #DDA0DD
Orchid Orchid 218 112 214 #DA70D6
MediumOrchid MediumOrchid 186 85 211 #BA55D3
DarkOrchid DarkOrchid 153 50 204 #9932CC
DarkViolet DarkViolet 148 0 211 #9400D3
BlueViolet BlueViolet 138 43 226 #8A2BE2
Purple Purple 160 32 240 #A020F0
MediumPurple MediumPurple 147 112 219 #9370DB
Thistle Thistle 216 191 216 #D8BFD8
Snow1 Snow1 255 250 250 #FFFAFA
Snow2 Snow2 238 233 233 #EEE9E9
Snow3 Snow3 205 201 201 #CDC9C9
Snow4 Snow4 139 137 137 #8B8989
Seashell1 Seashell1 255 245 238 #FFF5EE
Seashell2 Seashell2 238 229 222 #EEE5DE
Seashell3 Seashell3 205 197 191 #CDC5BF
Seashell4 Seashell4 139 134 130 #8B8682
AntiqueWhite1 AntiqueWhite1 255 239 219 #FFEFDB
AntiqueWhite2 AntiqueWhite2 238 223 204 #EEDFCC
AntiqueWhite3 AntiqueWhite3 205 192 176 #CDC0B0
AntiqueWhite4 AntiqueWhite4 139 131 120 #8B8378
Bisque1 Bisque1 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
NavajoWhite1 NavajoWhite1 255 222 173 #FFDEAD
NavajoWhite2 NavajoWhite2 238 207 161 #EECFA1
NavajoWhite3 NavajoWhite3 205 179 139 #CDB38B
NavajoWhite4 NavajoWhite4 139 121 94 #8B795E
LemonChiffon1 LemonChiffon1 255 250 205 #FFFACD
LemonChiffon2 LemonChiffon2 238 233 191 #EEE9BF
LemonChiffon3 LemonChiffon3 205 201 165 #CDC9A5
LemonChiffon4 LemonChiffon4 139 137 112 #8B8970
Cornsilk1 Cornsilk1 255 248 220 #FFF8DC
Cornsilk2 Cornsilk2 238 232 205 #EEE8CD
Cornsilk3 Cornsilk3 205 200 177 #CDC8B1
Cornsilk4 Cornsilk4 139 136 120 #8B8878
vory1 Ivory1 255 255 240 #FFFFF0
vory2 Ivory2 238 238 224 #EEEEE0
Ivory3 Ivory3 205 205 193 #CDCDC1
Ivory4 Ivory4 139 139 131 #8B8B83
Honeydew1 Honeydew1 240 255 240 #F0FFF0
Honeydew2 Honeydew2 224 238 224 #E0EEE0
Honeydew3 Honeydew3 193 205 193 #C1CDC1
Honeydew4 Honeydew4 131 139 131 #838B83
LavenderBlush2 LavenderBlush2 255 240 245 #FFF0F5
LavenderBlush3 LavenderBlush3 238 224 229 #EEE0E5
LavenderBlush4 LavenderBlush4 205 193 197 #CDC1C5
LavenderBlush5 LavenderBlush5 139 131 134 #8B8386
MistyRose1 MistyRose1 255 228 225 #FFE4E1
MistyRose2 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 Azure4 131 139 139 #838B8B
SlateBlue1 SlateBlue1 131 111 255 #836FFF
SlateBlue2 SlateBlue2 122 103 238 #7A67EE
SlateBlue3 SlateBlue3 105 89 205 #6959CD
SlateBlue4 SlateBlue4 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
Blue1 Blue1 0 0 255 #0000FF
Blue2 Blue2 0 0 238 #0000EE
Blue3 Blue3 0 0 205 #0000CD
Blue4 Blue4 0 0 139 #00008B
DodgerBlue1 DodgerBlue1 30 144 255 #1E90FF
DodgerBlue2 DodgerBlue2 28 134 238 #1C86EE
DodgerBlue3 DodgerBlue3 24 116 205 #1874CD
DodgerBlue4 DodgerBlue4 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 LightSkyBlue1 176 226 255 #B0E2FF
LightSkyBlue2 LightSkyBlue2 164 211 238 #A4D3EE
LightSkyBlue3 LightSkyBlue3 141 182 205 #8DB6CD
LightSkyBlue4 LightSkyBlue4 96 123 139 #607B8B
SlateGray1 SlateGray1 198 226 255 #C6E2FF
SlateGray2 SlateGray2 185 211 238 #B9D3EE
SlateGray3 SlateGray3 159 182 205 #9FB6CD
SlateGray4 SlateGray4 108 123 139 #6C7B8B
LightSteelBlue1 LightSteelBlue1 202 225 255 #CAE1FF
LightSteelBlue2 LightSteelBlue2 188 210 238 #BCD2EE
LightSteelBlue3 LightSteelBlue3 162 181 205 #A2B5CD
LightSteelBlue4 LightSteelBlue4 110 123 139 #6E7B8B
LightBlue1 LightBlue1 191 239 255 #BFEFFF
LightBlue2 LightBlue2 178 223 238 #B2DFEE
LightBlue3 LightBlue3 154 192 205 #9AC0CD
LightBlue4 LightBlue4 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
PaleTurquoise1 PaleTurquoise1 187 255 255 #BBFFFF
PaleTurquoise2 PaleTurquoise2 174 238 238 #AEEEEE
PaleTurquoise3 PaleTurquoise3 150 205 205 #96CDCD
PaleTurquoise4 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
Turquoise1 Turquoise1 0 245 255 #00F5FF
Turquoise2 Turquoise2 0 229 238 #00E5EE
Turquoise3 Turquoise3 0 197 205 #00C5CD
Turquoise4 Turquoise4 0 134 139 #00868B
Cyan1 Cyan1 0 255 255 #00FFFF
Cyan2 Cyan2 0 238 238 #00EEEE
Cyan3 Cyan3 0 205 205 #00CDCD
Cyan4 Cyan4 0 139 139 #008B8B
DarkSlateGray1 DarkSlateGray1 151 255 255 #97FFFF
DarkSlateGray2 DarkSlateGray2 141 238 238 #8DEEEE
DarkSlateGray3 DarkSlateGray3 121 205 205 #79CDCD
DarkSlateGray4 DarkSlateGray4 82 139 139 #528B8B
Aquamarine1 Aquamarine1 127 255 212 #7FFFD4
Aquamarine2 Aquamarine2 118 238 198 #76EEC6
Aquamarine3 Aquamarine3 102 205 170 #66CDAA
Aquamarine4 Aquamarine4 69 139 116 #458B74
DarkSeaGreen1 DarkSeaGreen1 193 255 193 #C1FFC1
DarkSeaGreen2 DarkSeaGreen2 180 238 180 #B4EEB4
DarkSeaGreen3 DarkSeaGreen3 155 205 155 #9BCD9B
DarkSeaGreen4 DarkSeaGreen4 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
PaleGreen1 PaleGreen1 154 255 154 #9AFF9A
PaleGreen2 PaleGreen2 144 238 144 #90EE90
PaleGreen3 PaleGreen3 124 205 124 #7CCD7C
PaleGreen4 PaleGreen4 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
Green1 Green1 0 255 0 #00FF00
Green2 Green2 0 238 0 #00EE00
Green3 Green3 0 205 0 #00CD00
Green4 Green4 0 139 0 #008B00
Chartreuse1 Chartreuse1 127 255 0 #7FFF00
Chartreuse2 Chartreuse2 118 238 0 #76EE00
Chartreuse3 Chartreuse3 102 205 0 #66CD00
Chartreuse4 Chartreuse4 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
Khaki1 Khaki1 255 246 143 #FFF68F
Khaki2 Khaki2 238 230 133 #EEE685
Khaki3 Khaki3 205 198 115 #CDC673
Khaki4 Khaki4 139 134 78 #8B864E
LightGoldenrod1 LightGoldenrod1 255 236 139 #FFEC8B
LightGoldenrod2 LightGoldenrod2 238 220 130 #EEDC82
LightGoldenrod3 LightGoldenrod3 205 190 112 #CDBE70
LightGoldenrod4 LightGoldenrod4 139 129 76 #8B814C
LightYellow1 LightYellow1 255 255 224 #FFFFE0
LightYellow2 LightYellow2 238 238 209 #EEEED1
LightYellow3 LightYellow3 205 205 180 #CDCDB4
LightYellow4 LightYellow4 139 139 122 #8B8B7A
Yellow1 Yellow1 255 255 0 #FFFF00
Yellow2 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
Версия: xhtml | wml | Web

Светло серый в html. Цветовые коды в Minecraft

Имя цвета в HTML и CSS 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 205, 92, 92
Olive #808000 240, 128, 128
Lime #00FF00 250, 128, 114
Green #008000 233, 150, 122
Aqua #00FFFF 205, 92, 92
Teal #008080 240, 128, 128
Blue #0000FF 250, 128, 114
Navy #000080 233, 150, 122
Имя цвета в HTML и CSS 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, названия, коды HEX и RGB

   Самая полная таблица HTML и RGB кодов цветов, их названием и примерами. А так же удобный флеш-подборшик цвета. Выбираем понравившийся и применяем 🙂

Названия, коды и примеры цвета

Написание

Пример

R G B

HEX

Snow Snow 255 250 250 #FFFAFA
GhostWhite GhostWhite248 248 255 #F8F8FF
WhiteSmoke WhiteSmoke245 245 245 #F5F5F5
Gainsboro Gainsboro220 220 220 #DCDCDC
FloralWhite FloralWhite255 250 240 #FFFAF0
OldLace OldLace253 245 230 #FDF5E6
Linen Linen250 240 230 #FAF0E6
AntiqueWhite AntiqueWhite250 235 215 #FAEBD7
PapayaWhip PapayaWhip255 239 213 #FFEFD5
BlanchedAlmond BlanchedAlmond255 235 205 #FFEBCD
Bisque Bisque255 228 196 #FFE4C4
PeachPuff PeachPuff255 218 185 #FFDAB9
NavajoWhite NavajoWhite255 222 173 #FFDEAD
Moccasin Moccasin255 228 181 #FFE4B5
Cornsilk Cornsilk255 248 220 #FFF8DC
Ivory Ivory255 255 240 #FFFFF0
LemonChiffon LemonChiffon255 250 205 #FFFACD
Seashell Seashell255 245 238 #FFF5EE
Honeydew Honeydew240 255 240 #F0FFF0
MintCream MintCream245 255 250 #F5FFFA
Azure Azure240 255 255 #F0FFFF
AliceBlue AliceBlue240 248 255 #F0F8FF
lavender lavender230 230 250 #E6E6FA
LavenderBlush LavenderBlush255 240 245 #FFF0F5
MistyRose MistyRose255 228 225 #FFE4E1
White White255 255 255 #FFFFFF
Black Black0 0 0 #000000
DarkSlateGray DarkSlateGray47 79 79 #2F4F4F
DimGrey DimGrey105 105 105 #696969
SlateGrey SlateGrey112 128 144 #708090
LightSlateGray LightSlateGray119 136 153 #778899
Grey Grey190 190 190 #BEBEBE
LightGray LightGray211 211 211 #D3D3D3
MidnightBlue MidnightBlue25 25 112 #191970
NavyBlue NavyBlue0 0 128 #000080
CornflowerBlue CornflowerBlue100 149 237 #6495ED
DarkSlateBlue DarkSlateBlue72 61 139 #483D8B
SlateBlue SlateBlue106 90 205 #6A5ACD
MediumSlateBlue MediumSlateBlue123 104 238 #7B68EE
LightSlateBlue LightSlateBlue132 112 255 #8470FF
MediumBlue MediumBlue0 0 205 #0000CD
RoyalBlue RoyalBlue65 105 225 #4169E1
Blue Blue 0 0 255 #0000FF
DodgerBlue DodgerBlue30 144 255 #1E90FF
DeepSkyBlue DeepSkyBlue0 191 255 #00BFFF
SkyBlue SkyBlue135 206 235 #87CEEB
LightSkyBlue LightSkyBlue135 206 250 #87CEFA
SteelBlue SteelBlue70 130 180 #4682B4
LightSteelBlue LightSteelBlue176 196 222 #B0C4DE
LightBlue LightBlue173 216 230 #ADD8E6
PowderBlue PowderBlue176 224 230 #B0E0E6
PaleTurquoise PaleTurquoise175 238 238 #AFEEEE
DarkTurquoise DarkTurquoise0 206 209 #00CED1
MediumTurquoise MediumTurquoise72 209 204 #48D1CC
Turquoise Turquoise64 224 208 #40E0D0
Cyan Cyan 0 255 255 #00FFFF
LightCyan LightCyan224 255 255 #E0FFFF
CadetBlue CadetBlue95 158 160 #5F9EA0
MediumAquamarine MediumAquamarine102 205 170 #66CDAA
Aquamarine Aquamarine127 255 212 #7FFFD4
DarkGreen DarkGreen0 100 0 #006400
DarkOliveGreen DarkOliveGreen85 107 47 #556B2F
DarkSeaGreen DarkSeaGreen143 188 143 #8FBC8F
SeaGreen SeaGreen46 139 87 #2E8B57
MediumSeaGreen MediumSeaGreen60 179 113 #3CB371
LightSeaGreen LightSeaGreen32 178 170 #20B2AA
PaleGreen PaleGreen152 251 152 #98FB98
SpringGreen SpringGreen0 255 127 #00FF7F
LawnGreen LawnGreen124 252 0 #7CFC00
Green Green 0 255 0 #00FF00
Chartreuse Chartreuse127 255 0 #7FFF00
MedSpringGreen MedSpringGreen0 250 154 #00FA9A
GreenYellow GreenYellow173 255 47 #ADFF2F
LimeGreen LimeGreen50 205 50 #32CD32
YellowGreen YellowGreen154 205 50 #9ACD32
ForestGreen ForestGreen34 139 34 #228B22
OliveDrab OliveDrab107 142 35 #6B8E23
DarkKhaki DarkKhaki189 183 107 #BDB76B
PaleGoldenrod PaleGoldenrod238 232 170 #EEE8AA
LtGoldenrodYello LtGoldenrodYello250 250 210 #FAFAD2
LightYellow LightYellow255 255 224 #FFFFE0
Yellow Yellow255 255 0 #FFFF00
Gold Gold 255 215 0 #FFD700
LightGoldenrod LightGoldenrod238 221 130 #EEDD82
goldenrod goldenrod218 165 32 #DAA520
DarkGoldenrod DarkGoldenrod184 134 11 #B8860B
RosyBrown RosyBrown188 143 143 #BC8F8F
IndianRed IndianRed205 92 92 #CD5C5C
SaddleBrown SaddleBrown139 69 19 #8B4513
Sienna Sienna160 82 45 #A0522D
Peru Peru 205 133 63 #CD853F
Burlywood Burlywood222 184 135 #DEB887
Beige Beige245 245 220 #F5F5DC
Wheat Wheat245 222 179 #F5DEB3
SandyBrown SandyBrown244 164 96 #F4A460
Tan Tan 210 180 140 #D2B48C
Chocolate Chocolate210 105 30 #D2691E
Firebrick Firebrick178 34 34 #B22222
Brown Brown165 42 42 #A52A2A
DarkSalmon DarkSalmon233 150 122 #E9967A
Salmon Salmon250 128 114 #FA8072
LightSalmon LightSalmon255 160 122 #FFA07A
Orange Orange255 165 0 #FFA500
DarkOrange DarkOrange255 140 0 #FF8C00
Coral Coral255 127 80 #FF7F50
LightCoral LightCoral240 128 128 #F08080
Tomato Tomato255 99 71 #FF6347
OrangeRed OrangeRed255 69 0 #FF4500
Red Red 255 0 0 #FF0000
HotPink HotPink255 105 180 #FF69B4
DeepPink DeepPink255 20 147 #FF1493
Pink Pink 255 192 203 #FFC0CB
LightPink LightPink255 182 193 #FFB6C1
PaleVioletRed PaleVioletRed219 112 147 #DB7093
Maroon Maroon176 48 96 #B03060
MediumVioletRed MediumVioletRed199 21 133 #C71585
VioletRed VioletRed208 32 144 #D02090
Magenta Magenta255 0 255 #FF00FF
Violet Violet238 130 238 #EE82EE
Plum Plum 221 160 221 #DDA0DD
Orchid Orchid218 112 214 #DA70D6
MediumOrchid MediumOrchid186 85 211 #BA55D3
DarkOrchid DarkOrchid153 50 204 #9932CC
DarkViolet DarkViolet148 0 211 #9400D3
BlueViolet BlueViolet138 43 226 #8A2BE2
Purple Purple160 32 240 #A020F0
MediumPurple MediumPurple147 112 219 #9370DB
Thistle Thistle216 191 216 #D8BFD8
Snow1 Snow1255 250 250 #FFFAFA
Snow2 Snow2238 233 233 #EEE9E9
Snow3 Snow3205 201 201 #CDC9C9
Snow4 Snow4139 137 137 #8B8989
Seashell1 Seashell1255 245 238 #FFF5EE
Seashell2 Seashell2238 229 222 #EEE5DE
Seashell3 Seashell3205 197 191 #CDC5BF
Seashell4 Seashell4139 134 130 #8B8682
AntiqueWhite1 AntiqueWhite1255 239 219 #FFEFDB
AntiqueWhite2 AntiqueWhite2238 223 204 #EEDFCC
AntiqueWhite3 AntiqueWhite3205 192 176 #CDC0B0
AntiqueWhite4 AntiqueWhite4139 131 120 #8B8378
Bisque1 Bisque1255 228 196 #FFE4C4
Bisque2 Bisque2238 213 183 #EED5B7
Bisque3 Bisque3205 183 158 #CDB79E
Bisque4 Bisque4139 125 107 #8B7D6B
PeachPuff1 PeachPuff1255 218 185 #FFDAB9
PeachPuff2 PeachPuff2238 203 173 #EECBAD
PeachPuff3 PeachPuff3205 175 149 #CDAF95
PeachPuff4 PeachPuff4139 119 101 #8B7765
NavajoWhite1 NavajoWhite1255 222 173 #FFDEAD
NavajoWhite2 NavajoWhite2238 207 161 #EECFA1
NavajoWhite3 NavajoWhite3205 179 139 #CDB38B
NavajoWhite4 NavajoWhite4139 121 94 #8B795E
LemonChiffon1 LemonChiffon1255 250 205 #FFFACD
LemonChiffon2 LemonChiffon2238 233 191 #EEE9BF
LemonChiffon3 LemonChiffon3205 201 165 #CDC9A5
LemonChiffon4 LemonChiffon4139 137 112 #8B8970
Cornsilk1 Cornsilk1255 248 220 #FFF8DC
Cornsilk2 Cornsilk2238 232 205 #EEE8CD
Cornsilk3 Cornsilk3205 200 177 #CDC8B1
Cornsilk4 Cornsilk4139 136 120 #8B8878
vory1 Ivory1255 255 240 #FFFFF0
vory2 Ivory2238 238 224 #EEEEE0
Ivory3 Ivory3205 205 193 #CDCDC1
Ivory4 Ivory4139 139 131 #8B8B83
Honeydew1 Honeydew1240 255 240 #F0FFF0
Honeydew2 Honeydew2224 238 224 #E0EEE0
Honeydew3 Honeydew3193 205 193 #C1CDC1
Honeydew4 Honeydew4131 139 131 #838B83
LavenderBlush2 LavenderBlush2255 240 245 #FFF0F5
LavenderBlush3 LavenderBlush3238 224 229 #EEE0E5
LavenderBlush4 LavenderBlush4205 193 197 #CDC1C5
LavenderBlush5 LavenderBlush5139 131 134 #8B8386
MistyRose1 MistyRose1255 228 225 #FFE4E1
MistyRose2 MistyRose2238 213 210 #EED5D2
MistyRose3 MistyRose3205 183 181 #CDB7B5
MistyRose4 MistyRose4139 125 123 #8B7D7B
Azure1 Azure1240 255 255 #F0FFFF
Azure2 Azure2224 238 238 #E0EEEE
Azure3 Azure3193 205 205 #C1CDCD
Azure4 Azure4131 139 139 #838B8B
SlateBlue1 SlateBlue1131 111 255 #836FFF
SlateBlue2 SlateBlue2122 103 238 #7A67EE
SlateBlue3 SlateBlue3105 89 205 #6959CD
SlateBlue4 SlateBlue471 60 139 #473C8B
RoyalBlue1 RoyalBlue172 118 255 #4876FF
RoyalBlue2 RoyalBlue267 110 238 #436EEE
RoyalBlue3 RoyalBlue358 95 205 #3A5FCD
RoyalBlue4 RoyalBlue439 64 139 #27408B
Blue1 Blue10 0 255 #0000FF
Blue2 Blue20 0 238 #0000EE
Blue3 Blue30 0 205 #0000CD
Blue4 Blue40 0 139 #00008B
DodgerBlue1 DodgerBlue130 144 255 #1E90FF
DodgerBlue2 DodgerBlue228 134 238 #1C86EE
DodgerBlue3 DodgerBlue324 116 205 #1874CD
DodgerBlue4 DodgerBlue416 78 139 #104E8B
SteelBlue1 SteelBlue199 184 255 #63B8FF
SteelBlue2 SteelBlue292 172 238 #5CACEE
SteelBlue3 SteelBlue379 148 205 #4F94CD
SteelBlue4 SteelBlue454 100 139 #36648B
DeepSkyBlue1 DeepSkyBlue10 191 255 #00BFFF
DeepSkyBlue2 DeepSkyBlue20 178 238 #00B2EE
DeepSkyBlue3 DeepSkyBlue30 154 205 #009ACD
DeepSkyBlue4 DeepSkyBlue40 104 139 #00688B
SkyBlue1 SkyBlue1135 206 255 #87CEFF
SkyBlue2 SkyBlue2126 192 238 #7EC0EE
SkyBlue3 SkyBlue3108 166 205 #6CA6CD
SkyBlue4 SkyBlue474 112 139 #4A708B
LightSkyBlue1 LightSkyBlue1176 226 255 #B0E2FF
LightSkyBlue2 LightSkyBlue2164 211 238 #A4D3EE
LightSkyBlue3 LightSkyBlue3141 182 205 #8DB6CD
LightSkyBlue4 LightSkyBlue496 123 139 #607B8B
SlateGray1 SlateGray1198 226 255 #C6E2FF
SlateGray2 SlateGray2185 211 238 #B9D3EE
SlateGray3 SlateGray3159 182 205 #9FB6CD
SlateGray4 SlateGray4108 123 139 #6C7B8B
LightSteelBlue1 LightSteelBlue1202 225 255 #CAE1FF
LightSteelBlue2 LightSteelBlue2188 210 238 #BCD2EE
LightSteelBlue3 LightSteelBlue3162 181 205 #A2B5CD
LightSteelBlue4 LightSteelBlue4110 123 139 #6E7B8B
LightBlue1 LightBlue1191 239 255 #BFEFFF
LightBlue2 LightBlue2178 223 238 #B2DFEE
LightBlue3 LightBlue3154 192 205 #9AC0CD
LightBlue4 LightBlue4104 131 139 #68838B
LightCyan1 LightCyan1224 255 255 #E0FFFF
LightCyan2 LightCyan2209 238 238 #D1EEEE
LightCyan3 LightCyan3180 205 205 #B4CDCD
LightCyan4 LightCyan4122 139 139 #7A8B8B
PaleTurquoise1 PaleTurquoise1187 255 255 #BBFFFF
PaleTurquoise2 PaleTurquoise2174 238 238 #AEEEEE
PaleTurquoise3 PaleTurquoise3150 205 205 #96CDCD
PaleTurquoise4 PaleTurquoise4102 139 139 #668B8B
CadetBlue1 CadetBlue1152 245 255 #98F5FF
CadetBlue2 CadetBlue2142 229 238 #8EE5EE
CadetBlue3 CadetBlue3122 197 205 #7AC5CD
CadetBlue4 CadetBlue483 134 139 #53868B
Turquoise1 Turquoise10 245 255 #00F5FF
Turquoise2 Turquoise20 229 238 #00E5EE
Turquoise3 Turquoise30 197 205 #00C5CD
Turquoise4 Turquoise40 134 139 #00868B
Cyan1 Cyan10 255 255 #00FFFF
Cyan2 Cyan20 238 238 #00EEEE
Cyan3 Cyan30 205 205 #00CDCD
Cyan4 Cyan40 139 139 #008B8B
DarkSlateGray1 DarkSlateGray1151 255 255 #97FFFF
DarkSlateGray2 DarkSlateGray2141 238 238 #8DEEEE
DarkSlateGray3 DarkSlateGray3121 205 205 #79CDCD
DarkSlateGray4 DarkSlateGray482 139 139 #528B8B
Aquamarine1 Aquamarine1127 255 212 #7FFFD4
Aquamarine2 Aquamarine2118 238 198 #76EEC6
Aquamarine3 Aquamarine3102 205 170 #66CDAA
Aquamarine4 Aquamarine469 139 116 #458B74
DarkSeaGreen1 DarkSeaGreen1193 255 193 #C1FFC1
DarkSeaGreen2 DarkSeaGreen2180 238 180 #B4EEB4
DarkSeaGreen3 DarkSeaGreen3155 205 155 #9BCD9B
DarkSeaGreen4 DarkSeaGreen4105 139 105 #698B69
SeaGreen1 SeaGreen184 255 159 #54FF9F
SeaGreen2 SeaGreen278 238 148 #4EEE94
SeaGreen3 SeaGreen367 205 128 #43CD80
SeaGreen4 SeaGreen446 139 87 #2E8B57
PaleGreen1 PaleGreen1154 255 154 #9AFF9A
PaleGreen2 PaleGreen2144 238 144 #90EE90
PaleGreen3 PaleGreen3124 205 124 #7CCD7C
PaleGreen4 PaleGreen484 139 84 #548B54
SpringGreen1 SpringGreen10 255 127 #00FF7F
SpringGreen2 SpringGreen20 238 118 #00EE76
SpringGreen3 SpringGreen30 205 102 #00CD66
SpringGreen4 SpringGreen40 139 69 #008B45
Green1 Green10 255 0 #00FF00
Green2 Green20 238 0 #00EE00
Green3 Green30 205 0 #00CD00
Green4 Green40 139 0 #008B00
Chartreuse1 Chartreuse1127 255 0 #7FFF00
Chartreuse2 Chartreuse2118 238 0 #76EE00
Chartreuse3 Chartreuse3102 205 0 #66CD00
Chartreuse4 Chartreuse469 139 0 #458B00
OliveDrab1 OliveDrab1192 255 62 #C0FF3E
OliveDrab2 OliveDrab2179 238 58 #B3EE3A
OliveDrab3 OliveDrab3154 205 50 #9ACD32
OliveDrab4 OliveDrab4105 139 34 #698B22
DarkOliveGreen1 DarkOliveGreen1202 255 112 #CAFF70
DarkOliveGreen2 DarkOliveGreen2188 238 104 #BCEE68
DarkOliveGreen3 DarkOliveGreen3162 205 90 #A2CD5A
DarkOliveGreen4 DarkOliveGreen4110 139 61 #6E8B3D
Khaki1 Khaki1255 246 143 #FFF68F
Khaki2 Khaki2238 230 133 #EEE685
Khaki3 Khaki3205 198 115 #CDC673
Khaki4 Khaki4139 134 78 #8B864E
LightGoldenrod1 LightGoldenrod1255 236 139 #FFEC8B
LightGoldenrod2 LightGoldenrod2238 220 130 #EEDC82
LightGoldenrod3 LightGoldenrod3205 190 112 #CDBE70
LightGoldenrod4 LightGoldenrod4139 129 76 #8B814C
LightYellow1 LightYellow1255 255 224 #FFFFE0
LightYellow2 LightYellow2238 238 209 #EEEED1
LightYellow3 LightYellow3205 205 180 #CDCDB4
LightYellow4 LightYellow4139 139 122 #8B8B7A
Yellow1 Yellow1255 255 0 #FFFF00
Yellow2 Yellow2238 238 0 #EEEE00
Yellow3 Yellow3205 205 0 #CDCD00
Yellow4 Yellow4139 139 0 #8B8B00
Gold1 Gold1255 215 0 #FFD700
Gold2 Gold2238 201 0 #EEC900
Gold3 Gold3205 173 0 #CDAD00
Gold4 Gold4139 117 0 #8B7500
Goldenrod1 Goldenrod1255 193 37 #FFC125
Goldenrod2 Goldenrod2238 180 34 #EEB422
Goldenrod3 Goldenrod3205 155 29 #CD9B1D
Goldenrod4 Goldenrod4139 105 20 #8B6914
DarkGoldenrod1 DarkGoldenrod1255 185 15 #FFB90F
DarkGoldenrod2 DarkGoldenrod2238 173 14 #EEAD0E
DarkGoldenrod3 DarkGoldenrod3205 149 12 #CD950C
DarkGoldenrod4 DarkGoldenrod4139 101 8 #8B658B
RosyBrown1 RosyBrown1255 193 193 #FFC1C1
RosyBrown2 RosyBrown2238 180 180 #EEB4B4
RosyBrown3 RosyBrown3205 155 155 #CD9B9B
RosyBrown4 RosyBrown4139 105 105 #8B6969
IndianRed1 IndianRed1255 106 106 #FF6A6A
IndianRed2 IndianRed2238 99 99 #EE6363
IndianRed3 IndianRed3205 85 85 #CD5555
IndianRed4 IndianRed4139 58 58 #8B3A3A
Sienna1 Sienna1255 130 71 #FF8247
Sienna2 Sienna2238 121 66 #EE7942
Sienna3 Sienna3205 104 57 #CD6839
Sienna4 Sienna4139 71 38 #8B4726
Burlywood1 Burlywood1255 211 155 #FFD39B
Burlywood2 Burlywood2238 197 145 #EEC591
Burlywood3 Burlywood3205 170 125 #CDAA7D
Burlywood4 Burlywood4139 115 85 #8B7355
Wheat1 Wheat1255 231 186 #FFE7BA
Wheat2 Wheat2 238 216 174 #EED8AE
Wheat3 Wheat3205 186 150 #CDBA96
Wheat4 Wheat4139 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 Chocolate1255 127 36 #FF7F24
Chocolate2 Chocolate2238 118 33 #EE7621
Chocolate3 Chocolate3205 102 29 #CD661D
Chocolate4 Chocolate4139 69 19 #8B4513
Firebrick1 Firebrick1255 48 48 #FF3030
Firebrick2 Firebrick2238 44 44 #EE2C2C
Firebrick3 Firebrick3205 38 38 #CD2626
Firebrick4 Firebrick4139 26 26 #8B1A1A
Brown1 Brown1255 64 64 #FF4040
Brown2 Brown2238 59 59 #EE3B3B
Brown3 Brown3205 51 51 #CD3333
Brown4 Brown4139 35 35 #8B2323
Salmon1 Salmon1255 140 105 #FF8C69
Salmon2 Salmon2238 130 98 #EE8262
Salmon3 Salmon3205 112 84 #CD7054
Salmon4 Salmon4139 76 57 #8B4C39
LightSalmon1 LightSalmon1255 160 122 #FFA07A
LightSalmon2 LightSalmon2238 149 114 #EE9572
LightSalmon3 LightSalmon3205 129 98 #CD8162
LightSalmon4 LightSalmon4139 87 66 #8B5742
Orange1 Orange1255 165 0 #FFA500
Orange2 Orange2238 154 0 #EE9A00
Orange3 Orange3205 133 0 #CD8500
Orange4 Orange4139 90 0 #8B5A00
DarkOrange1 DarkOrange1255 127 0 #FF7F00
DarkOrange2 DarkOrange2238 118 0 #EE7600
DarkOrange3 DarkOrange3205 102 0 #CD6600
DarkOrange4 DarkOrange4139 69 0 #8B4500
Coral1 Coral1255 114 86 #FF7256
Coral2 Coral2238 106 80 #EE6A50
Coral3 Coral3205 91 69 #CD5B45
Coral4 Coral4139 62 47 #8B3E2F
Tomato1 Tomato1255 99 71 #FF6347
Tomato2 Tomato2238 92 66 #EE5C42
Tomato3 Tomato3205 79 57 #CD4F39
Tomato4 Tomato4139 54 38 #8B3626
OrangeRed1 OrangeRed1255 69 0 #FF4500
OrangeRed2 OrangeRed2238 64 0 #EE4000
OrangeRed3 OrangeRed3205 55 0 #CD3700
OrangeRed4 OrangeRed4139 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 DeepPink1255 20 147 #FF1493
DeepPink2 DeepPink2238 18 137 #EE1289
DeepPink3 DeepPink3205 16 118 #CD1076
DeepPink4 DeepPink4139 10 80 #8B0A50
HotPink1 HotPink1255 110 180 #FF6EB4
HotPink2 HotPink2238 106 167 #EE6AA7
HotPink3 HotPink3205 96 144 #CD6090
HotPink4 HotPink4139 58 98 #8B3A62
Pink1 Pink1255 181 197 #FFB5C5
Pink2 Pink2238 169 184 #EEA9B8
Pink3 Pink3205 145 158 #CD919E
Pink4 Pink4139 99 108 #8B636C
LightPink1 LightPink1255 174 185 #FFAEB9
LightPink2 LightPink2238 162 173 #EEA2AD
LightPink3 LightPink3205 140 149 #CD8C95
LightPink4 LightPink4139 95 101 #8B5F65
PaleVioletRed1 PaleVioletRed1255 130 171 #FF82AB
PaleVioletRed2 PaleVioletRed2238 121 159 #EE799F
PaleVioletRed3 PaleVioletRed3205 104 137 #CD6889
PaleVioletRed4 PaleVioletRed4139 71 93 #8B475D
Maroon1 Maroon1255 52 179 #FF34B3
Maroon2 Maroon2238 48 167 #EE30A7
Maroon3 Maroon3205 41 144 #CD2990
Maroon4 Maroon4139 28 98 #8B1C62
VioletRed1 VioletRed1255 62 150 #FF3E96
VioletRed2 VioletRed2238 58 140 #EE3A8C
VioletRed3 VioletRed3205 50 120 #CD3278
VioletRed4 VioletRed4139 34 82 #8B2252
Magenta1 Magenta1255 0 255 #FF00FF
Magenta2 Magenta2238 0 238 #EE00EE
Magenta3 Magenta3205 0 205 #CD00CD
Magenta4 Magenta4139 0 139 #8B008B
Orchid1 Orchid1255 131 250 #FF83FA
Orchid2 Orchid2238 122 233 #EE7AE9
Orchid3 Orchid3205 105 201 #CD69C9
Orchid4 Orchid4139 71 137 #8B4789
Plum1 Plum1255 187 255 #FFBBFF
Plum2 Plum2238 174 238 #EEAEEE
Plum3 Plum3205 150 205 #CD96CD
Plum4 Plum4139 102 139 #8B668B
MediumOrchid1 MediumOrchid1224 102 255 #E066FF
MediumOrchid2 MediumOrchid2209 95 238 #D15FEE
MediumOrchid3 MediumOrchid3180 82 205 #B452CD
MediumOrchid4 MediumOrchid4122 55 139 #7A378B
DarkOrchid1 DarkOrchid1191 62 255 #BF3EFF
DarkOrchid2 DarkOrchid2178 58 238 #B23AEE
DarkOrchid3 DarkOrchid3154 50 205 #9A32CD
DarkOrchid4 DarkOrchid4104 34 139 #68228B
Purple1 Purple1155 48 255 #9B30FF
Purple2 Purple2145 44 238 #912CEE
Purple3 Purple3125 38 205 #7D26CD
Purple4 Purple485 26 139 #551A8B
MediumPurple1 MediumPurple1171 130 255 #AB82FF
MediumPurple2 MediumPurple2159 121 238 #9F79EE
MediumPurple3 MediumPurple3137 104 205 #8968CD
MediumPurple4 MediumPurple493 71 139 #5D478B
Thistle1 Thistle1255 225 255 #FFE1FF
Thistle2 Thistle2238 210 238 #EED2EE
Thistle3 Thistle3205 181 205 #CDB5CD
Thistle4 Thistle4139 123 139 #8B7B8B
grey11 grey1128 28 28 #1C1C1C
grey21 grey2154 54 54 #363636
grey31 grey3179 79 79 #4F4F4F
grey41 grey41105 105 105 #696969
grey51 grey51130 130 130 #828282
grey61 grey61156 156 156 #9C9C9C
grey71 grey71181 181 181 #B5B5B5
gray81 gray81207 207 207 #CFCFCF
gray91 gray91232 232 232 #E8E8E8
DarkGrey DarkGrey169 169 169 #A9A9A9
DarkBlue DarkBlue0 0 139 #00008B
DarkCyan DarkCyan0 139 139 #008B8B
DarkMagenta DarkMagenta139 0 139 #8B008B
DarkRed DarkRed139 0 0 #8B0000
LightGreen LightGreen144 238 144 #90EE90
Узнать все свойства, значение и описание CSS вы можете на этой странице

Автоматическое определение цвета — опыт команды «Яндекса. Как поменять цвет яндекс браузера Все цвета яндекса на одной странице

Новый алгоритм подбора цветов для промо-карточек приложений в Yandex Launcher.

Различные сервисы «Яндекса» работают с цветом для решения интерфейсных задач: выделение информационных блоков и объектных ответов, управление вниманием и создание визуальной иерархии.

Примеры использования алгоритмов подбора цветов в поиске и в «Яндекс.Музыке»

В зависимости от задач подбор цвета может требовать сложных вычислений. Но бывает, что получить необходимый результат гораздо проще.

У нас в Yandex Launcher есть промо-карточки приложений: рейтинг, описание и кнопка «Установить». Это контекстные рекомендации — они открываются поверх списка приложений или в папке на рабочем столе.

Первоначальная реализация

Цвет для фона карточки подбирался автоматически на основе иконки, кнопка была полупрозрачная белая. Алгоритм пытался определить основной цвет иконки, разбирая пиксели по цветовому тону. Такой подход не всегда давал красивый результат, у него были недостатки:

  • неправильное определение цвета;
  • «грязные» цвета из-за усреднения;
  • тусклые кнопки, скучные карточки.

Примеры проблемных карточек

Чего на самом деле хотелось

Карточка должна была стать настоящим продолжением иконки, а цвета — сочными и яркими. Хотелось создать ощущение, что карточку бережно делали вручную, а не подсунули что-то небрежно сгенерированное автоматически.

Красивее хочется сделать всегда, но ресурсы не безграничны. Выделять команду на написание чудо-библиотеки по определению цветов не планировалось. Так что задача — минимальными силами улучшить алгоритм определения цветов, придумать, как покрасить карточку красиво, не изобретая при этом космический корабль.

В субботу я сдул пыль с редактора кода, расчехлил HTML5 и Canvas и стал придумывать. В понедельник пришел к команде с предложением.

Новый алгоритм определения цветов

Шаг 1. Берем иконку. Выкидываем белые, черные и прозрачные пиксели.

Исходная иконка → Квадрат из отфильтрованных пикселей

Шаг 2. Уменьшаем полученное изображение до размера 2 × 2 пикселя (с отключенным антиалиасингом). В результате получим четыре цвета иконки. Если исходная картинка однородная, они могут повторяться — ничего страшного.

Результат после второго шага. Исходная иконка → Цвета

У нас отключен антиалиасинг, чтобы цвета не смешивались, не становились «грязными».

На деле получается так: квадрат делится на четыре части, мы берем средний пиксель из верхнего ряда каждой четверти. В реализации все просто: нам даже не нужен реальный downsample изображения и вообще работа с графикой. Пиксели с нужной позицией берем из одномерного массива, получившегося после первого шага.

Шаг 3. Почти все готово. Осталось совсем чуть-чуть: достаем полученные цвета, переводим в HSL , сортируем по светлоте (L). Красим карточку.

Светлая схема:

  • фон — самый светлый цвет;
  • кнопка — ближайший к светлому;
  • текст — самый темный.

Темная схема (если два и более цветов темные):

  • фон — самый темный цвет;
  • кнопка — ближайший к темному;
  • текст — самый светлый.

Применяя цвета, проверяем контрастность: разница Lightness между фоном и кнопкой ≥ 20; между фоном и текстом ≥ 60. Если не соответствует, корректируем.

Получившиеся карточки. Исходная иконка → Цвета → Карточка

И еще немного карточек для примера:

Результат

У нас получились красочные карточки, из настоящих цветов иконки, без «грязных» примесей. За счет использования нескольких цветов карточка выглядит гораздо живее. Особенно приятно, что при однородном фоне иконки карточка становится ее прямым продолжением: граница между ними совсем не заметна.

И самое главное: через два дня после предложения нового алгоритма первая реализация уже была доступна в dev-сборке. Опробовали внутри команды, настроили пороги для фильтра на первом шаге, предусмотрели особые случаи:

  • иконка из одного цвета — делаем фон чуть темнее, чтобы не сливалась;
  • иконка с фоном — смотрим пиксели по краям; если все одинаковы, ставим такой же фон карточки.

Доработанный алгоритм вошел в ближайший релиз. Отдельное спасибо руководителю группы разработки Yandex Launcher Диме Овчарову — за интерес, желание и терпение. Напоследок — больше примеров.




Создавая яндекс, разработчики заботились о том, чтобы он был легок и понятен в использовании.

В настройках оформления и шрифта нет ничего лишнего, так что пользователи быстро смогут понять, что к чему.

Каждая версия яндекс браузера оформляется красиво, дизайном занимаются лучшие специалисты. Но есть такие пользователи, которые не любят однообразие. Даже самый красивый вид им быстро наскучит, захочется «поменять обстановку», «вдохнуть жизнь» в работу с веб-обозревателем.

В этом ничего плохого нет, иначе зачем разработчики внесли функцию изменения интерфейса? Чтобы каждый, кому не нравится установленный по стандарту фон или наскучила однообразность, мог поменять вид своего приложения.

На то, чтобы изменить внешний вид своего Яндекс браузера, вам понадобится только отвлечься на пару минут:

  • Включите веб-обозреватель.
  • Откройте новую вкладку (можно сделать это в настройках рядом с панелью закладок).
  • Перед вами появится «Экспресс-панель». Нужно опуститься до нижней части экрана и нажать на значок «Сменить фон».
  • Затем откроется перечень с самыми разными видами оформления браузера, среди которых вам нужно выбрать понравившийся больше всего. Выбрав подходящий рисунок, нажмите на кнопку «Готово».

Можете не беспокоиться о том, что каждый раз нужно менять фон — этого не потребуется. Теперь каждый раз при попадании в «Экспресс-панель» (даже если вы закрывали и снова открывали яндекс) вы будете наслаждаться приятной картиной. А работать с поднятым настроением намного интереснее и легче!

Можно ли установить на фон что-то «свое»?

Угодить каждому пользователю предлагаемыми для смены фона изображениями разработчики Яндекса, конечно, не могут. Просмотрев полный перечень доступных рисунков и не найдя ничего подходящего, не отчаивайтесь.

Такие случаи предусмотрены создателями Яндекс Браузера: вы можете загрузить личные картины, имеющиеся на вашем компьютере. Это дает полную волю фантазии. Каково, например, будет приятно, если каждый раз, попадая в «Экспресс-панель», вы будете видеть яркий фрагмент своей жизни или фото маленького ребенка?

Для того, чтобы установить на фон картинку из своего устройства, вам нужно:

  • включить Яндекс;
  • открыть новое подокно;
  • найдите функцию «Сменить фон» и нажмите на нее;
  • за последним изображением имеется значок «+», на него вам нужно нажать;
  • выберите фото, которое хотите видеть в браузере, и нажмите ввод («Энтер»).

Теперь вы можете установить абсолютно любое изображение, которое сохраняется до следующего изменения.

Здравствуйте, уважаемые читатели блога сайт. Я продолжаю публиковать статьи в рубрике « ». Сегодня хочу поговорить про цвета в HTML и CSS коде, пояснить для тех, кто еще не в курсе, как можно их задать, каким образом они формируются, как для поиска или захвата нужного колора использовать специально предназначенные для этого программы и многое другое.

Вопрос задания нужного оттенка может быть особенно актуален для начинающих вебмастеров, когда не совсем понятны приводимые в web документе их коды (например, #f3af6c) и не понятно каким образом и откуда можно будет взять эту информацию (где найти таблицы Html и CSS цветов), и как их использовать для оформления текстового или какого-либо другого блока web документа.

Позволю себе вам напомнить, что мы уже успели познакомиться с основополагающими принципами, используемыми в . Так же мы уже рассмотрели теги и , узнали, узнали много и то, как .

Коды и таблица базовых RGB цветов

Вполне логично, что в языке гипертекстовой разметки и таблицах каскадных стилей имеется возможность цветового оформления документов, ибо в противном случае сайты были бы очень скучными и однотипными. Для этого обычно используют модель под названием RGB (аббревиатура, образованная от трех английских слов, обозначающих красный, зеленый и синий).

В модели RGB используются только три цвета (понятно, что это красный, зеленый и синий), каждый из которых может быть представлен с разным уровнем яркости свечения. Для каждого из каналов (красный, зеленый и синий) можно будет выбрать одну из 256 возможных градаций яркости. Число 256 взято по той причине, что столько значений оттенков можно закодировать в одном байте информации.

Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

Давайте теперь попробуем разобраться, как задать яркость в каждом канале и сколько у нас есть для этого возможностей?

На самом деле, есть два основных способа :

  1. задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
  2. задание с помощью ввода названия цвета в коде web документа

Давайте начнем со сложного и попробуем разобраться с записью цветов в шестнадцатиричном коде. Если бы мы хотели, например, записать код белого в десятичной системе, то получили бы код 256 256 256, а для черного — 0 0 0. Тут, наверное, все понятно.

Но в шестнадцатеричной системе счисления кроме арабских цифр используются еще и первые шесть букв латинского алфавита, ну и есть своя специфика формирования цифр. Углубляться в это, думаю, не стоит, но для примера скажу, что белый для Html можно будет задать так: #ffffff, а черный так: #000000. Т.е. 00 соответствует 0 в десятичной системе счисления, а ff соответствует 256.

Т.е. на каждый канал RGB цвета в CSS коде отводится две шестнадцатеричных цифры, поэтому записи значения цвета состоят из шести цифр (или букв, которые приравнены к цифрам в шестнадцатеричной системе), перед которыми ставится знак решетки «#». Все довольно просто.

Например, в приведенной таблице для простейших оттенков их шестнадцатиричные записи будут выглядеть так:

Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в ), где вам обязательно покажут запись этого оттенка в формате RGB, или найти таблицу Html цветов и скопировать нужный вам код оттуда.

Яндекс Цвета — подбор RGB палитры оттенков в выдаче Yandex

Не хотите использовать для этой цели графический редактор или искать таблицу с кодами? Нет проблем. Прокрутите немного вниз эту страницу и вы найдете массу специфических и заточенных именно для работы с цветом в Html или CSS коде программ.

Если и это вам не подходит, то откройте просто и введите в поисковую строку запрос с названием того оттенка , который вам интересен (хотя, можно ввести просто: серобуромалиновый).

В результате, в самом верху поисковой выдачи, вы увидите очень удобную палитру-таблицу Яндекс.Цвета для подбора колора для своего сайта. В правом нижнем углу этой палитры вы сможете скопировать шестнадцатеричный код нужного вам оттенка (перед ним стоит решетка), который потом останется только вставить в нужное место вашего web документа.

Все это реализуется благодаря так называемому , который призван помочь верстальщикам и дизайнерам.

Вы можете задать цвет в поисковой строке Yandex , как в виде его названия, так и в виде кода — в результате вы увидите, как он будет выглядеть на экране и при необходимости сможете получить его шестнадцатеричную запись.

Собственно, этот инструмент может пригодиться и обычным пользователям интернета, например, для того, чтобы понять, как же все-таки будет выглядеть мебель оттенка сер-бур-малин-в-крапинку. Можете посмотреть так же видео про использование этого колдунщика Яндекса:

Некоторые цвета в языке гипертекстовой разметки могут быть заданны с помощью слов , например, «black» означает черный, «white» — белый и т.д. Но тут есть один нюанс. Задание колора, таким образом, возможно только для ограниченного их числа.

Ну, во-первых, наверное, понятно, что все 16 миллионов возможных в RGB схеме оттенков вы с помощью слов представить не сможете ни в одной таблице (устанете ее прокручивать).

Во-вторых, в валидаторе W3C для спецификации языка гипертекстовой разметки 4.01 (ее в полной мере поддерживают все возможные браузеры на текущий момент) определено только 16 колоров, которые в Html или CSS коде можно задавать словами:

Вы можете встретить и гораздо более развернутые таблицы оттенков, которые можно будет задать в коде словами, но там существует вероятность, что в каком-нибудь браузере данный цвет будет отображаться не корректно.

Поэтому, кроме приведенной чуть выше таблицы 16 базовых оттенков, все остальные цвета следует задавать в коде web документов только с помощью шестнадцатеричной записи, во избежании никому не нужных эксцессов.

Использование кодов и названий цветов в вебмастеринге

На данный момент все внешнее оформление web страниц отдано на откуп CSS (таблицам каскадных стилей) и указание кода цвета непосредственно в Html встречается крайне редко, но все же встречается. К тому же бывают ситуации, когда нельзя по тем или иным причинам использовать внешние таблицы стилей CSS (например, в случае создания выпуска ).

Поэтому я все же приведу пример задания цвета в Html, хотя при этом и будут использоваться уже не рекомендованные валидатором W3C теги . Например, раньше колор для фона задавали в теге «BODY» через атрибут «bgcolor», а текст раскрашивали сразу на всей вебстранице с помощью атрибута «text».

Задание нужных оттенков в таком случае могло выглядеть, например, так:

Содержимое документа

В результате вы получите вебстраницу с бежевым фоном и темно-синим шрифтом. До того, как CSS вошел в обиход, для изменения цвета шрифта какого-либо отдельного участка текста повсеместно использовали сейчас уже не рекомендуемый валидатором W3C тег «FONT», в который для задания колора включали одноименный атрибут «color»:

участок текста, который нужно было окрасить в синий колор

Для того, чтобы увидеть результат работы написанного кода на экране, вам нужно сохранить этот файл с расширением html, а затем открыть его в любом удобном для вас браузере.

Сейчас для того, чтобы верстка вашего сайта считалась валидной, рекомендуют задавать цвета элементов в таблице каскадных стилей через соответствующие правила и свойства. Правила такой вставки в CSS ничем не отличаются от описанных выше.

Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».

Выбор цвета из палитры специальной программы или захват его с экрана

Как я уже писал чуть выше, повсеместно используется RGB (красный, зеленый, синий) цветовая схема. Для каждого из трех основных колоров предусмотрено 256 градаций – от 0 до 255 (если перевести эти значения в шестнадцатеричную систему счисления, то получим – от 00 до FF).

Т.к. у нас три основных колора, из комбинации которых формируются все остальные оттенки, то шестнадцатиричная запись будет иметь примерно такой вид: 99FF66 (оттенок зеленого). Добавив перед ним # получим код #99FF66, который можно использовать как в Html, так и в стилевых файлах. Само собой разумеется, что вы сами не должны вычислять и помнить всю эту абрукадабру.

Для этого можно воспользоваться специальной программой, позволяющей выбрать нужный оттенок на палитре (или захватить его с экрана инструментом типа пипетки) и тут же получить его код. Можно и не иметь программы, а зайти на Яндекс и набрать в строке запроса название любого цвета (об этом я писал чуть выше).

Вот список программ, которые позволяют все это реализовать в полной мере:


Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Списки в Html коде — теги UL, OL, LI и DL
Как вставить в HTML ссылку и картинку (фото) — теги IMG и A
Как создать гиперссылку (А, Href, Target blank), как открывать ее в новом окне на сайте, а так же сделать картинку ссылкой в Html коде
Теги Font (Face, Size и Color), Blockquote и Pre — устаревшее форматирование текста в чистом HTML (без использования CSS)
Таблицы в Html — теги Table, Tr и Td, а так же Colspan, Cellpadding, Cellspacing и Rowspan для их создания
Html формы для сайта — теги Form, Input и Select, Option, Textarea, Label и другие для создания элементов вебформ Select, Option, Textarea, Label, Fieldset, Legend — теги Html формы выпадающих списков и текстового поля
Img — Html тег для вставки картинки (Src), выравнивания и обтекание ее текстом (align), а так же задания фона (background)
Директивы комментариев и Doctype в Html коде, а так же понятие блочных и строчных элементов (тэгов)
Что такое язык гипертекстовой разметки Html и как посмотреть список всех тэгов в валидаторе W3C
Пробельные символы и форматирование ими кода в Html, а так же спецсимволы неразрывного пробела и другие мнемоники

www.livemaster.ru

Коды и таблица базовых RGB цветов

Вполне логично, что в языке гипертекстовой разметки и таблицах каскадных стилей имеется возможность цветового оформления документов, ибо в противном случае сайты были бы очень скучными и однотипными. Для этого обычно используют модель под названием RGB (аббревиатура, образованная от трех английских слов, обозначающих красный, зеленый и синий).

В модели RGB используются только три цвета (понятно, что это красный, зеленый и синий), каждый из которых может быть представлен с разным уровнем яркости свечения. Для каждого из каналов (красный, зеленый и синий) можно будет выбрать одну из 256 возможных градаций яркости. Число 256 взято по той причине, что столько значений оттенков можно закодировать в одном байте информации.

Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

Давайте теперь попробуем разобраться, как задать яркость в каждом канале и сколько у нас есть для этого возможностей?

На самом деле, есть два основных способа :

  1. задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
  2. задание с помощью ввода названия цвета в коде web документа

Давайте начнем со сложного и попробуем разобраться с записью цветов в шестнадцатиричном коде. Если бы мы хотели, например, записать код белого в десятичной системе, то получили бы код 256 256 256, а для черного — 0 0 0. Тут, наверное, все понятно.

Но в шестнадцатеричной системе счисления кроме арабских цифр используются еще и первые шесть букв латинского алфавита, ну и есть своя специфика формирования цифр. Углубляться в это, думаю, не стоит, но для примера скажу, что белый для Html можно будет задать так: #ffffff, а черный так: #000000. Т.е. 00 соответствует 0 в десятичной системе счисления, а ff соответствует 256.

Т.е. на каждый канал RGB цвета в CSS коде отводится две шестнадцатеричных цифры, поэтому записи значения цвета состоят из шести цифр (или букв, которые приравнены к цифрам в шестнадцатеричной системе), перед которыми ставится знак решетки «#». Все довольно просто.

Например, в приведенной таблице для простейших оттенков их шестнадцатиричные записи будут выглядеть так:

Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в бесплатном онлайн-редакторе 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».

Задание нужных оттенков в таком случае могло выглядеть, например, так:

Содержимое документа

В результате вы получите вебстраницу с бежевым фоном и темно-синим шрифтом. До того, как CSS вошел в обиход, для изменения цвета шрифта какого-либо отдельного участка текста повсеместно использовали сейчас уже не рекомендуемый валидатором W3C тег «FONT», в который для задания колора включали одноименный атрибут «color»:


участок текста, который нужно было окрасить в синий колор

Для того, чтобы увидеть результат работы написанного кода на экране, вам нужно сохранить этот файл с расширением html, а затем открыть его в любом удобном для вас браузере.

Сейчас для того, чтобы верстка вашего сайта считалась валидной, рекомендуют задавать цвета элементов в таблице каскадных стилей через соответствующие правила и свойства. Правила такой вставки в CSS ничем не отличаются от описанных выше.

Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».

ktonanovenkogo.ru

Палитра цвета RGB, как правильно задавать цвета в CSS и Html .

Как известно, для решения задач по цветовому оформлению текста применяют общепринятое построение RGB (то есть, Red — Красный, Green – Зеленый, и соответственно Blue — Синий)


Цветовая палитра RGB подразумевает использование лишь трех цветов, каждый из которых вполне может быть представлен с разным уровнем яркости. В CSS и Html коде для каждого цвета палитры можно определить один из 256 возможных цветовых градаций.

Таким образом, для оформления документа вы можете применить довольно большое количество цветов – 256-256-256. Например, чтобы в результате получить черный цвет, всем трем цветам RGB необходимо задатьнулевой показатель яркости, и наоборот, если требуется белый цвет, то соответственно для всех цветов нужно установить максимальную яркость.

Давайте более детально разберемся с тем, как задать яркость цвета в Html. Настроить яркость можно двумя способами:

  1. Задав код цвета палитры для страницы в Html коде, определив яркость цветов RGB при помощи шестнадцатеричной системы исчисления
  2. Задав цвета в CSS по шестнадцатеричной системе счисления.

Разберемся с записью кода в шестнадцатеричной системе и гипертекстовой разметке. Для начала вспомним десятичную систему счисления – к примеру, если нам необходим белый цвет, то его код будет выглядеть как: 256 256 256, в случае с черным цветом: 0 0 0.

В отличие от десятичного кода, где присутствуют только цифры, шестнадцатеричная палитра содержит также и буквы латинского алфавита. То есть, в данном случае находит место своя определенная система представления цифр. Например, белый цвет в HTML задается как: #ffffff, а черный: #000000. Нетрудно заметить, что здесь 00 соответствует 0, а ff соответствует 256 (если перевести в десятеричную систему).

Таким образом, RGB палитра цвета Html, CSS поделена на каналы, каждому из которых отведено два шестнадцатеричных символа. Именно поэтому все цвета в Html коде построены из шести букв (приравненных к цифрам) и самих цифр. Следует отметить, что перед кодом ставится символ «#».

Разумеется, необходимость в ручном подборе кода цвета отсутствует – достаточно лишь запустить любой графический редактор, найти подходящий цвет, и в детальной информации увидеть код цвета в системе RGB. Есть и другой, более простой вариант – палитра цветов Html с кодами. Найти и скопировать ее себе.

Яндекс Цвета – выбор Html кода цвета в палитре RGB в Yandex выдаче.

Кроме всего прочего, выбрать цветовую схему для своего сайта можно и при помощи Яндекса. Для этого достаточно ввести в поисковую строку слово «цвет» или же само название необходимого вам цвета. В результате запроса, в выдаче будет отображена палитра Яндекс.Цвета. с помощью которой можно выполнить подбор цвета. В правом же углу можно будет увидеть код цвета в RGB и шестнадцатеричной системе, который используется при построении web документа.

Данная опция от Яндекс существенно облегчает процесс работы. Все очень просто – вводите название цвета и получаете необходимый код.

Необходимо отметить, что некоторую часть цветов в гипертекстовой разметке вполне можно задать словом, например: «gray» — серый, «white» — белый, «black» — черный и т.п. Само собой, задать цвет в Html таким способом возможно лишь для не очень большого разнообразия цветов. Действительно, 16 млн. цветов RGB при помощи слов невозможно найти ни в одном справочнике или таблице.

В валидаторе W3C 4.01 (гипертекстовая разметка) представлена палитра из 16 основных оттенков, при помощи которых составлена таблица цветов CSS и Html и из которой видно, какие цвета можно задавать словами.


Остальные цвета необходимо задавать используя шестнадцатеричный код.

Название цветов палитры RGB в web-страницах, а также замена цвета самого текста при помощи атрибута color, примеры и методы использования цветовых кодов в CSS и Html.

Сейчас, внешний дизайн страниц оформляется с помощью CSS (таблицы каскадных стилей), но, тем не менее, довольно часто можно встретить случаи когда цвет указан в HTML.

Поэтому, ниже будет приведен пример указания цвета в HTML.

страница вашего сайта

В конечном результате у вас получится страница с пурпурным шрифтом на золотистом фоне.

Раньше в CSS для указания цвета текста в отдельно взятом участке, необходимо было прописывать тег «FONT» (не рекомендован W3C), а для того, чтобы задать цвет в него включали атрибут «color»:

текст, который нужно было окрасить в красный цвет

Для того, чтобы окрасить некоторый элемент текста в нужный для вас цвет необходимо с помощью тега «FONT» прописать HTML код, который будет иметь следующий вид:

Текст, цвет шрифт которого требуется заменить

На данный момент, для того чтобы получить валидную верстку сайта, рекомендую при задании кода цвета использовать CSS. По большому счету, правила вставки цветовых кодов в CSS не отличаются от рассмотренных выше.

www.bestseoblog.ru

HTML Таблица цветов

Следующая таблица содержит шестнадцатеричные цветовые коды RGB, используемые различными тегами HTML (язык гипертекстовой разметки) и атрибутами CSS (каскадная таблица стилей) для определения значений цвета. Шестнадцатеричный цветовой код RGB, которому предшествует символ «#», представлен вместе с соответствующим названием цвета, оба из которых появляются над полем, содержащим пример этого цвета.

Названия цветов предназначены для облегчения идентификации связанного элемента RGB. Некоторые из этих названий цветов распознаются браузерами.Однако на всякий случай всегда используйте шестнадцатеричный код RGB. Обратите внимание: если вы хотите использовать имя цвета, организация веб-стандартов W3C оговорила, что только 16 имен цветов пройдут свои проверки. По состоянию на март 2007 года эти 16 цветов были: морской, черный, синий, фуксия, серый, зеленый, салатовый, бордовый, темно-синий, оливковый, фиолетовый, красный, серебристый, бирюзовый, белый и желтый.

Цвета, содержащиеся в следующей таблице, составляют 216 цветов, которые считаются безопасными для использования в Интернете.

Черный

Латунь

Bronze

II Темно-коричневый 0

0

0 Серый кирпич Полевой шпат 2 Охотничий зеленый 9002 Серый Средний фиолетово-красный Orange # 5959AB

Салатовый Небесно-голубой

# 007FFF
Сланцево-синий

Весенний зеленый

#FFFFFF
Белый

# FF0000
Красный

# 00FF00
Зеленый

# 0000FF
Синий

Белый Красный Зеленый Синий

# FF00FF
Пурпурный

# 00FFFF
Голубой

# FFFF00
Желтый

# 000000
Черный

Желтый Черный

# 70DB93
Аквамарин

# 5C3317
Шоколадный

# 9F5F9F
Синий Фиолетовый

# B5A642

Аквамарин Шоколадный Голубовато-фиолетовый Латунь

# D9D919
Яркое золото

# A62A2A
Коричневый

# 8C7853

Bronze10


Яркое золото Коричневый Бронзовый Бронзовый II

# 5F9F9F
Кадетский синий

# D98719
Холодная медь

# B87333
Медь

# FF7F00
Coral

Cadet Blue Cool Copper Copper Coral

# 42426F
Corn Flower Blue

# 5C4033

# 2F4F2F
Темно-зеленый

# 4A766E
Темно-зеленый медный

Кукурузный цветок Синий Темно-коричневый Темно-зеленый Темно-зеленый медный

# 4F414 Ol2F
3 Темно-зеленый

# 9932CD
Dark Orchid

# 871F78
Dark Purple

# 6B238E
Темно-сланцево-синий

Темно-оливково-зеленый Dark Orchid Темно-фиолетовый Темно-сланцевый 9

# 2F4F4F
Темно-сланцево-серый

# 97694F
Темно-коричневый

# 7093DB
Темно-бирюзовый

# 855E42
Темное дерево

Темно-сланцево-серый Темно-коричневый Темное дерево

# 545454
Тускло-серый

# 856363
Пыльная роза

# D19275
Полевой шпат

# 8E2323
Серый кирпич

Огнеупорный кирпич

# F5CCB0
Коричневый блеклый

# 238E23
Лесной зеленый

# CD7F32
Золото

# DBDB70

Коричневый

90

Лесной зеленый
Золотой Золотарник

# C0C0C0
Серый

# 527F76
Зеленый медный

# 93DB70
Зеленый желтый

# 215E21

Зеленый Медный Зеленый Желтый Зеленый Охотник

# 4E2F2F
Индийский красный

# 9F9F5F
Хаки

# C0D9D9
Светло-синий

Светло-синий

Светло-синий

Светло-синий

Индийский красный Хаки Голубой Светло-серый

# 8F8FBD
Светло-стальной синий

# E9C2A6
Светлое дерево

4 # 32CD

4 # 32CD

# E47833
Мандарианский апельсин

Светло-стально-голубой Светлое дерево Лайм-зеленый Мандарианский апельсин

# 8E236B
Бордовый

# 32CD99
9 Средне

3 Аквамарин

# 3232CD
Medium Blue

# 6B8E23
Medium Forest Green

Maroon Medium Aquamarine Medium Blue Medium Forest Green

#EA Goldenrod
#EA Goldenrod
#EA Goldenrod
#EA Goldenrod

# 9370DB
Medium Orchid

# 426F42
Medium Sea Green

# 7F00FF
Medium Slate Blue

Medium Goldenrod Medium Orchid Medium Orchid Medium Sea Green Medium Sea Green

# 7FFF00
Средний весенний зеленый

# 70DBDB
Средний бирюзовый

# DB7093
Средний фиолетовый красный

# A68064
Средний древесный

Средний весенний Средний древесный

# 2F2F4F
Полуночно-синий

# 23238E
Темно-синий

# 4D4DFF
Неоново-синий

# FF6EC7
Neon Blue

# FF6EC7
Синий

Navy Blue Neon Blue Neon Pink

# 00009C
New Midnight Blue

# EBC79E
New Tan

# CFB53B
Старое золото

New Midnight Blue New Tan Old Gold Orange

# FF2400
Оранжевый красный

# DB70DB
Орхидея

# 8FBC8F
Pale Green

#

Оранжево-красный Орхидея Бледно-зеленый Розовый

#EAADEA
Слива

# D9D9F3
Кварц

# 5959AB
Насыщенный синий

Слива Кварц Насыщенный синий Лосось

# 8C1717
Алый

# 238E68
Морской зеленый

# 6B4226
2 Сладкий шоколад

# 8E6B23
Сиена

Алый Морской зеленый Полусладкий шоколад Сиенна

# E6E8FA
Серебро

# 3299CC

# FF1CAE
Пряно-розовый

Серебристый Небесно-голубой Сланцево-синий Пряно-розовый

# 00FF7F

Стальной синий

2 Thist

#ADEAEA
Бирюза

930 930

Очень темно-коричневый

4F2F4F
Фиолетовый

42 Фиолетово-зеленый 42 Красно-зеленый

# 38B0DE
Summer Sky

# DB9370
Tan

Spring Green Steel Blue Summer Sky Tan

# D8BFD8

# 5C4033
Очень темно-коричневый

#CDCDCD
Очень светло-серый

Чертополох Бирюзовый Очень темно-коричневый 00 Очень светло-серый 00 Очень светло-серый

# CC3299
Фиолетовый красный

# D8D8BF
Пшеничный

# 99CC32
Желто-зеленый

Фиолетовый Пшеничный красный 9009 Вернуться к индексу раздела HTML.

Почему Table Bgcolor больше не является действительным кодом (и что использовать вместо него) »

в атрибутах HTML

Раскрытие информации: Ваша поддержка помогает поддерживать работу сайта! Мы зарабатываем реферальный сбор за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше
Атрибут
Быстрое и легкое создание HTML-таблицы с помощью нашего примера кода
Что делает Почему таблица Bgcolor больше не является действительным кодом (и что использовать вместо этого) ?
Используется для установки цвета фона таблицы HTML.Этот атрибут устарел. Используйте CSS для стилизации таблиц.

Пример кода

  
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец

Цвета фона таблицы стилей

bgcolor когда-то был правильным способом указать цвет, который будет применяться к фону таблицы.Однако этот атрибут устарел в пользу использования CSS для стилизации таблиц. Атрибут по-прежнему работает в большинстве браузеров и может принимать названия цветов, шестнадцатеричные цветовые коды и значения RGB. Чтобы установить фон таблицы с помощью CSS, используйте свойство background-color вместо атрибута bgcolor HTML.

  <стиль> table.example-table {цвет фона: #ccccff; }  
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
таблица.example-table {background-color: #ccccff;}
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Адам — ​​технический писатель, специализирующийся на документации и учебных пособиях для разработчиков.

Вот как теперь установить цвет фона строки таблицы »

в атрибутах HTML

Раскрытие информации: Ваша поддержка помогает поддерживать работу сайта! Мы зарабатываем реферальный сбор за некоторые услуги, которые мы рекомендуем на этой странице.Узнать больше
Атрибут
Пример кода
для Tr в HTML (для организации строк таблицы)
Что делает Tr Bgcolor устарел: вот как установить цвет фона строки таблицы теперь ?
Устанавливает цвет фона для одной строки таблицы в таблице HTML.

Пример кода

  <таблица>
  
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третья колонна

Установка цвета фона строк таблицы

Атрибут bgcolor теперь устарел, но когда-то это был правильный способ управления цветом фона строк таблицы.Имена цветов (например, «синий»), шестнадцатеричные числа и цветовые коды RGB могут использоваться с атрибутом bgcolor . Хотя поддержка этого атрибута браузером по-прежнему неплохая, вам действительно не следует его больше использовать. Вместо этого используйте свойство CSS background-color для управления цветом строк таблицы. Использование CSS вместо атрибутов HTML дает дополнительное преимущество, так как при желании может применяться к нескольким элементам одновременно. Например, если мы хотим создать таблицу, в которой цвет каждой строки чередуется между шестнадцатеричными цветами #ddd и #eee , мы можем сделать это с помощью всего двух правил CSS.Однако, если бы мы использовали атрибуты HTML, нам пришлось бы добавлять атрибут к каждой отдельной строке таблицы.

  <стиль> .example-table tr: nth-child (2n + 1) {background-color: #ddd; } .example-table tr: nth-child (2n + 0) {цвет фона: #eee; }   < td> Третий столбец 
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец

Этот бит кода использует селектор nth-child , применяет цвет фона #ddd к каждому нечетному номеру и цвет фона #eee для каждой четной строки.

.example-table tr: nth-child (2n + 1) {background-color: #ddd;}. Example-table tr: nth-child (2n + 0) {background-color: #eee;}
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третья колонка
Первая колонка Вторая колонка Третий столбец
Первый столбец Второй столбец Третий столбец
Первый столбец Второй столбец Третий столбец
Адам — ​​технический писатель, специализирующийся на документации для разработчиков и учебных пособиях.

Цветовое кодирование HTML

Цветовое кодирование HTML Щелкните здесь выбор Шестнадцатеричные и десятичные цветовые коды Общие цвета Генераторы цвета Диаграммы цветов Диаграммы цветов с широким спектром Категоризованные цветовые диаграммы Таблицы названий цветов или прокрутите страницу вниз.

Вернуться на главную страницу Teds HTML Tutorial

Атрибут цвета — жизненно необходимая характеристика веб-страниц. Практически все на веб-странице можно легко раскрасить, включая следующее:

Весь свет, включая тот, который излучается монитором компьютера, состоит в определенной пропорции из красного, зеленого и / или синего света.Количество каждого из этих компонентов визуального спектра может быть выражено числом, которое уникально для каждого конкретного цвета или оттенка. Все цвета света, когда они объединены вместе, производят белый свет, который разделяется на его бесконечные составляющие оттенки, когда он проходит через призму, поскольку каждый оттенок или длина волны света изгибаются немного по-разному.

Сочетание двух цветов света дает противоположный эффект смешения двух цветов краски. Синий и зеленый свет вместе составляют голубой (1).Красный и синий свет вместе составляют пурпурный (2). Зеленый свет и красный свет вместе составляют желтый (3). Конечно, как указано выше, объединение всех длин волн света приводит к белому цвету.

Числовое значение цвета обычно выражается с помощью любого из двух цветовых кодов. Каждый код определяет состав цвета с числом RDGRBL, где RD — количество красного, GR — количество зеленого, а BL — количество синего в цвете. Вот два типа цветовых кодов:

  • Шестнадцатеричный цветовой код: использует основание 16 ; номера варьируются от 00 до FF.
  • Десятичный цветовой код: использует основание ; номера варьируются от 00 до 255.

HTML использует шестнадцатеричное кодирование цветов , поэтому числовое значение каждого цвета, указанного в документе с исходным кодом HTML, будет состоять из 6 цифр. Кроме того, некоторые браузеры не распознают цветовой код, если перед кодом не стоит знак #:

#XXXXXX .

Внизу этой страницы есть ссылки на цветные диаграммы, отображающие множество цветов, распознаваемых большинством браузеров.Более того, большинство браузеров распознают следующие 20 (и другие) распространенные цвета, каждый из которых может быть представлен одним из двух способов:



Вы можете очень легко настроить и настроить свои собственные цвета, а также увидеть шестнадцатеричный и десятичный коды для каждого цвета, используя Color Machine или HTML Color Picker.

По желанию, ниже приведены ссылки на кодированные цветовые диаграммы, которые я разработал с 1) цветами широкого спектра , с 2) категоризованными цветами и с 3) названиями цветов , каждая классификация доступна на черный , серый и белый фоны:

Широкий спектр Цвет Диаграммы

Teds Wide-Spectrum Color Chart: ЧЕРНЫЙ фон

Teds Wide-Spectrum Color Chart: СЕРЫЙ фон

Teds Wide-Spectrum Color Chart: БЕЛЫЙ фон


По категориям Цвет Диаграммы

Таблица цветов Teds по категориям: ЧЕРНЫЙ фон

Таблица цветов Teds по категориям: СЕРЫЙ фон

Таблица цветов Teds по категориям: БЕЛЫЙ фон


Цвет Названия Диаграммы

Таблица названий цветов: ЧЕРНЫЙ фон

Таблица названий цветов: СЕРЫЙ фон

Таблица названий цветов: БЕЛЫЙ фон


Перейти к тегам уровня заголовка

Вернуться на главную страницу Teds HTML Tutorial

Авторское право 1998 г., Тед М.Монтгомери. Все права защищены.

цветовых таблиц HTML | Лучший инструмент цветового кода HTML

Цветовые диаграммы важны для хорошего дизайна вашего веб-сайта или блога! Цветовые диаграммы HTML помогут вам определить, какой цветовой узор вы сможете начать использовать в своем проекте.

Сделайте так, чтобы ваш сайт WordPress загружался молниеносно, просто перейдя на Nestify. Перенесите свой магазин WooCommerce или веб-сайт WordPress СЕЙЧАС.

Прежде чем показать вам все детали и цветовые коды, давайте сначала рассмотрим некоторые очень важные детали!

Каждый раз, когда вы начинаете новый дизайн-проект (в своем блоге или для клиента), вы обычно должны просмотреть все соответствующие детали проекта.

Прекрасно подобранные цвета просто великолепны!

Вы определенно можете использовать свой любимый цвет для блога, но было бы уместно использовать цвета, которые ваши читатели будут счастливы найти.Мы объясним дальше…

Когда вы говорите о наиболее конкретных и растущих бизнес-целях, очень важен более научный подход к цветовым схемам, которые вы ассоциируете со своим брендом.

Вам необходимо понять важность « психологии цвета » и то, как она может в конечном итоге повлиять на ваши результаты.

Что такое психология цвета?

Цвета окружают нас повсюду, и они влияют на нас по-разному. Они могут вызывать определенные эмоции и настроения.Некоторые исследования объясняют, как цвет может повлиять на поведение ваших клиентов или посетителей блога / сайта по отношению к бренду. Проще говоря, мы можем влиять на то, как люди реагируют на наш проект.

Давайте посмотрим на некоторые популярные цвета и на то, какое влияние они оказывают:

Вдохновляет: Доверие, ответственность, безопасность и дружелюбие.

Используется: Facebook, PayPal, Skype и Ford

Вдохновляет: Природа, деньги, равновесие, энергия и здоровье.

Используется : Starbucks, Animal Planet и WhatsApp

Вдохновляет: Радость, эмоции, агрессия и действие.

Используется : Fanta и Soundcloud

Вдохновляет: Комфорт, органичность, дружелюбие и надежность.

Используется: Hershey, Instagram и UPS

Вдохновляет: Энергия, класс, элегантность, горе и престиж.

Используется : Johnnie Walker, Chanel и Nike

Вдохновляет: Женственность, любовь, доброта и романтика.

Используется : Victoria Secrets и Барби

Вдохновляет: Творчество, достоинство, авторитет и мудрость.

Используется : Yahoo, Hallmark и Cadbury

Вдохновляет: Страсть, гнев, опасность, энергия и внимание

Используется: CocaCola, Canon, Levis и Virgin

Теперь мы можем понять, как вызывающие цвет эмоции могут помочь повысить коэффициент конверсии вашего блога.

Теперь мы представим вам Color Tables , HTML Colors и RGB Color Codes , которые вы сможете правильно использовать в своем блоге.

Цвета (HTML-код)

HTML-коды цветов Инструменты помогут вам найти определенных цветов HTML для вашего сайта / блога. Отличные инструменты, такие как HTML цветовые коды и HTML Color Picker , сделают работу намного проще, чем вы думаете (инструменты см. Ниже).

Чтобы быстро приступить к использованию цветов HTML на вашем сайте, взгляните на « Использование цветовых кодов HTML» в теме ниже.Если вы хотите знать, что означают эти комбинации символов в коде HTML , посмотрите раздел « HTML Теория цветового кода » ниже.

С помощью этой динамики из таблицы цветов HTML вы можете получить справочные коды для основных цветов.

Щелкните любой цветной квадрат, чтобы получить код цвета HTML . См. Список недавно выбранных цветов (щелкните изображения).

>> Нажмите здесь, чтобы получить доступ к инструменту цветового кодирования HTML <<

Вы также можете выбрать через другой инструмент…

>> Щелкните здесь, чтобы бесплатно использовать инструмент цветового кодирования HTML <<

Цветовое пространство RGB

«Цветовое пространство RGB» или RGB Цветовая система строит все цвета из комбинации красного, зеленого и синего цветов.

Использование красного, зеленого и синего (по 8 бит) имеет целочисленные значения от 0 до 255. Это дает возможность 256 * 256 * 256 = 16777216 цветов.

RGB ≡ Красный, зеленый, синий (красный, зеленый и синий)

Каждый пиксель ЖК-монитора отображает цвета таким образом, сочетая красный, зеленый и синий светодиоды.

Когда красный пиксель установлен на «0» (ноль), светодиод не горит. Когда красный пиксель установлен на «255», светодиод горит полностью.

Любое значение между ними определяет частичное свечение светодиода.

Цвета, форматы и расчеты RGB Код

RGB имеет 24 бита формата (биты 0..23):

КРАСНЫЙ [7: 0] ЗЕЛЕНЫЙ [7: 0] СИНИЙ [7: 0]
23 16 8-й 7-й 0
  • 5 ) + B, (когда R — красный, G — зеленый, а B — синий)

Примеры расчетов

Белый цвет RGB

Код белого RGB = 255 * 65536 + 255 * 256 + 255 = #FFFFFF

Синий цвет RGB

Код синего RGB = 0 * 65536 + 0 * 256 + 255 = # 0000FF

Красный цвет RGB

Красный код RGB = 255 * 65536 + 0 * 256 + 0 = # FF0000

Зеленый цвет RGB

Зеленый код RGB = 0 * 65536 + 255 * 256 + 0 = # 00FF00

Серый цвет RGB

Серый код RGB = 128 * 65536 + 128 * 256 + 128 = # 808080

Желтый цвет RGB

Желтый код RGB = 255 * 65536 + 255 * 256 + 0 = # FFFF00

Ниже представлена ​​инфографика с таблицами цветов HTML, которая включает названия цветов, коды и RGB.

Источники: www.htmlcolorcodes.com

Как использовать названия цветов HTML

Как и шестнадцатеричные цветовые коды, названия цветов HTML могут использоваться со встроенными стилями HTML или в отдельной таблице стилей CSS.

HTML

  
   

Текст абзаца из ясеня

УСС

 / * Ваша таблица стилей .css * /
h2 {цвет: индийский красный; }
p {color: SlateGray; } 

Заключение

Вы можете видеть, что, тщательно используя психологию цвета в своем проекте, вы можете создать как более запоминающееся впечатление для посетителей, так и более эффективный результат для своего клиента.

Вы также можете облегчить себе жизнь, используя доступные здесь инструменты цвета HTML!

Понравилась статья о таблицах цветов HTML? Оставьте свой комментарий ниже, это очень важно для нас! Таким образом, мы сможем обмениваться большим количеством дизайнерских идей.

Какие есть цветовые коды HTML?

Шестнадцатеричные цветовые коды HTML позволяют изменять фон, таблицы, разделы div, заголовки, текст и что угодно на вашем веб-сайте. Воспользовавшись цветовыми кодами HTML, вы можете по-настоящему настроить весь свой веб-сайт с его собственным уникальным дизайном.

Если вы регулярно создаете веб-сайты, блоги, профили Myspace или находитесь в процессе изменения дизайна своего текущего сайта, то вам обязательно нужно добавить эту страницу в закладки для справки. В таблице / диаграмме ниже представлен полный список наиболее распространенных шестнадцатеричных кодов HTML для цветов .

Также не забудьте проверить нашу другую страницу, содержащую интересные HTML-коды, а также HTML-коды Myspace.

HTML-коды для цветов

Как вы используете эти коды? Просто используйте код (пример: # 000000) и замените его цветовым кодом, который вы хотите использовать в своем HTML.Используйте любой из этих кодов, чтобы изменить цвет текста, таблиц, графики и т. Д.

Если вы спрашиваете себя: «Какой цветовой код HTML для синего, розового, белого, черного, зеленого, оранжевого, коричневого и т. Д.» затем вы можете использовать эту диаграмму, чтобы выбрать точные шестнадцатеричные цвета HTML, которые вам нужны! Просто и легко.

#EEEEEE

#DDDDDD

#CCCCCC

#BBBBBB

#AAAAAA

# 999999

# 888888

# 777777

# 666666

# 555555

# 444444

# 333333

# 000000

# 000033

# 000066

# 000099

# 0000CC

# 0000FF

# 330000

# 330033

# 330066

# 330099

# 3300CC

# 3300FF

# 660000

# 660033

# 660066

# 660099

# 6600CC

# 6600FF

# 9

# 9

# 9

# 9

# 9900CC

# 9900FF

# CC0000

# CC0033

# CC0066

# CC0099

# CC00CC

# CC00FF

# FF0000

# FF0033

# FF0066

# FF0099

# FF00CC

# FF00FF

# 003300

# 003333

# 003366

# 003399

# 0033CC

# 0033FF

# 333300

# 333333

# 333366

# 333399

# 3333CC

# 3333FF

# 663300

# 663333

# 663366

# 663399

# 6633CC

# 6633FF

# 993300

# 993333

# 993366

# 993399

# 9933CC

# 9933FF

# CC3300

# CC3333

# CC3366

# CC3399

# CC33CC

# CC33FF

# FF3300

# FF3333

# FF3366

# FF3399

# FF33CC

# FF33FF

# 006600

# 006633

# 006666

# 006699

# 0066CC

# 0066FF

# 336600

# 336633

# 336666

# 336699

# 3366CC

# 3366FF

# 666600

# 666633

# 666666

# 666699

# 6666CC

# 6666FF

# 996600

# 996633

# 996666

# 996699

# 9966CC

# 9966FF

# CC6600

# CC6633

# CC6666

# CC3399

# CC66CC

# CC66FF

# FF6600

# FF6633

# FF6666

# FF6699

# FF66CC

# FF66FF

# 009900

# 009933

# 009966

# 009999

# 0099CC

# 0099FF

# 339900

# 339933

# 339966

# 339999

# 3399CC

# 3399FF

# 669900

# 669933

# 669966

# 669999

# 6699CC

# 6699FF

# 999900

# 999933

# 999966

# 999999

# 9999CC

# 9999FF

# CC9900

# CC9933

# CC9966

# CC9999

# CC99CC

# CC99FF

# FF9900

# FF9933

# FF9966

# FF9999

# FF99CC

# FF99FF

# 00CC00

# 00CC33

# 00CC66

# 00CC99

# 00CCCC

# 00CCFF

# 33CC00

# 33CC33

# 33CC66

# 33CC99

# 33CCCC

# 33CCFF

# 66CC00

# 66CC33

# 66CC66

# 66CC99

# 66CCCC

# 66CCFF

# 99CC00

# 99CC33

# 99CC66

# 99CC99

# 99CCCC

# 99CCFF

#CCCC00

#CCCC33

#CCCC66

#CCCC99

#CCCCCC

#CCCCFF

# FFCC00

# FFCC33

# FFCC66

# FFCC99

#FFCCCC

#FFCCFF

# 00FF00

# 00FF33

# 00FF66

# 00FF99

# 00FFCC

# 00FFFF

# 33FF00

# 33FF33

# 33FF66

# 33FF99

# 33FFCC

# 33FFFF

# 66FF00

# 66FF33

# 66FF66

# 66FF99

# 66FFCC

# 66FFFF

# 99FF00

# 99FF33

# 99FF66

# 99FF99

# 99FFCC

# 99FFFF

# CCFF00

# CCFF33

# CCFF66

# CCFF99

#CCFFCC

#CCFFFF

# FFFF00

# FFFF33

# FFFF66

# FFFF99

#FFFFCC

#FFFFFF

Не забывайте проверять еще больше отличных HTML-кодов, советов и уловок.

Как кодировать цвета фона в электронных бюллетенях HTML

Как кодировать цвета фона в электронных бюллетенях HTML

Роб Гравелл с Лизой Смит

Современные маркетинговые тенденции резко контрастируют с теми, которые использовались ранее. Это изменение связано с Интернетом, который сегодня управляет жизнями людей во всем мире. Одна из самых популярных и широко используемых маркетинговых стратегий — это рассылка информационных бюллетеней по электронной почте клиентской базе компании.Это определенно отличная идея, которая приносит результаты большинству компаний.

Однако создать информационный бюллетень по электронной почте на самом деле не так просто, как кажется. Речь идет не только о том, чтобы собрать воедино контент и изображения. Вам также необходимо подумать о цветах, которые вы используете в своем информационном бюллетене. Они должны быть привлекательными и в то же время не должны подавлять содержание.

Цветовые коды HTML

Что ж, все это кажется довольно простым, когда написано в печатном виде, не так ли? Но на самом деле это не так уж и сложно в HTML.На самом деле вам нужно правильно подобрать правильные коды, чтобы обеспечить идеальные цвета фона для ваших электронных бюллетеней в формате HTML. Независимо от того, ищете ли вы фиолетовый или желтый фон, вы должны правильно использовать свои коды, чтобы получить желаемый эффект.

Дело в том, что даже самым опытным разработчикам иногда бывает сложно написать код для цветов фона. Иногда, даже после долгих размышлений и тщательного написания цветовых кодов, в итоге получается черный экран, который затмевает весь остальной контент.Это может быть довольно неприятно. Однако не все потеряно. Существует множество способов написания кода для цвета фона в информационных бюллетенях электронной почты в формате HTML.

Давайте начнем с изучения различных техник, которые разработчики используют для кодирования цветов фона.

  1. HTML атрибут bgcolor в сочетании с трехзначным шестнадцатеричным кодом цвета
  2. 6-значный шестнадцатеричный код цвета, используемый с атрибутом HTML bgcolor
  3. HTML-атрибут bgcolor, используемый с цветовым кодом RGB
  4. Трехзначный шестнадцатеричный цветовой код, используемый вместе со свойством CSS background-color
  5. CSS свойство background-color, используемое с шестизначным шестнадцатеричным кодом цвета
  6. CSS свойство background-color в сочетании с цветовым кодом RGB

3-значные шестнадцатеричные цветовые коды

Теперь стало ясно, что использование трехзначного шестнадцатеричного цветового кода изобилует сложностями и не дает желаемых результатов.Независимо от того, как и где вы их используете, вы получите черный или синий фон, который покрывает или подавляет весь контент.

Цветовые коды RGB

Было обнаружено, что использование цветовых кодов RGB для кодирования цветов фона для информационного бюллетеня электронной почты в формате HTML немного лучше, чем трехзначные шестнадцатеричные цветовые коды. Их использование позволяет создавать привлекательные цветовые комбинации. Однако это означает, что они будут работать со шрифтами белого или светлого цвета. Но, если вы думаете о черном шрифте, это просто не сработает.

6-значные шестнадцатеричные цветовые коды

Итак, как лучше всего писать коды для цветов фона в информационных бюллетенях HTML? Я бы посоветовал вам использовать шестизначный шестнадцатеричный цветовой код. Это определенно самый надежный способ сделать это, и он обязательно даст ожидаемые результаты.

Вот как можно использовать шестизначные шестнадцатеричные коды цветов для написания кодов для фоновых цветов:

1. Установка ширины и цвета фона для содержимого

Вы можете установить ширину и цвет фона для области содержимого, написав единый набор кодов.Определитесь с шириной области и цветом, который вы хотите добавить к фону. При написании кода используйте соответствующий процент ширины и соответствующий цветовой код. Это можно записать как

 <таблица>
 

2. Изменение цвета фона сообщения

Чтобы изменить цвет фона сообщения в информационном бюллетене, сначала найдите тег тела в существующем коде. Найдя его, вы можете добавить цветовой код, чтобы добавить цвет фона, или заменить существующий цветовой код новым, чтобы изменить цвет фона.Это можно записать как:

 
 

3. Изменение цвета фона таблицы

Если вас не устраивает цвет фона таблицы и вы хотите его изменить, просто найдите тег таблицы в коде. Как только вы его найдете, замените существующий цветовой код желаемым цветовым кодом. Например, если вам нужен фиолетовый фон для стола, введите цветовой код для пурпурного, и все готово.

 <таблица>
 

4.Изменение цвета фона ячейки

Если вы думаете выделить одну или несколько ячеек, придав им другой цвет, вы также можете сделать это, применив код к правильному элементу. Для этого проверьте существующий код, чтобы найти тег для таблицы содержимого. Это будет либо ячейка, цвет которой нужно изменить, либо таблица с одной ячейкой. В последнем случае вместо написания кода для изменения цвета фона ячейки вы можете написать код для изменения цвета фона таблицы содержимого.Это, в свою очередь, автоматически изменяет цвет целевой ячейки.

Простой стол
 <таблица>
  
  
  
    
     Я сине-фиолетовый 
     Я индиго 
     Я сине-фиолетовый 
    
  

 
сине-фиолетовый фон индиго фон сине-фиолетовый фон
Вложенная таблица
 <таблица>
  
  
  
    
     сине-фиолетовый фон 
    
      <таблица>
        
        
        
          
           фон индиго 
          
        
      
    
     сине-фиолетовый фон 
    
  

 
сине-фиолетовый фон сине-фиолетовый фон

Заключение

Итак, как видите, добавление идеальных цветов в информационный бюллетень электронной почты HTML требует некоторого опыта в кодировании.Однако, как только вы освоите шестизначные шестнадцатеричные коды, это, несомненно, станет проще. Теперь, когда вы в следующий раз захотите создать информационный бюллетень в формате HTML, вы сможете кодировать цвета фона как профессионал.



Роб Гравелл проживает в Оттаве, Канада, и создал веб-приложения для множества предприятий и государственных учреждений. Напишите ему, чтобы узнать стоимость вашего проекта.

Альтер-эго Роба «Blackjacques» — опытный гитарист, выпустивший несколько компакт-дисков.Его группа Ivory Knight была названа журналом Brave Words (выпуск № 92) одной из лучших хард-рок- и металлических групп Канады и заняла первое место в национальных чартах хэви-метала на ReverbNation.com.

Лиза — дизайнер по профессии и писатель по своему выбору, она пишет почти на все темы, но ее фаворитами являются дизайн и мода. Помимо этого, она также работает волонтером в нескольких центрах спасения животных.

.