Содержание

Таблица 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

SnowSnow255 250 250#FFFAFA
GhostWhiteGhostWhite248 248 255#F8F8FF
WhiteSmokeWhiteSmoke245 245 245#F5F5F5
GainsboroGainsboro220 220 220#DCDCDC
FloralWhiteFloralWhite255 250 240#FFFAF0
OldLaceOldLace253 245 230#FDF5E6
LinenLinen250 240 230#FAF0E6
AntiqueWhiteAntiqueWhite250 235 215#FAEBD7
PapayaWhipPapayaWhip255 239 213#FFEFD5
BlanchedAlmondBlanchedAlmond255 235 205#FFEBCD
BisqueBisque255 228 196#FFE4C4
PeachPuffPeachPuff255 218 185#FFDAB9
NavajoWhiteNavajoWhite255 222 173#FFDEAD
MoccasinMoccasin255 228 181#FFE4B5
CornsilkCornsilk255 248 220#FFF8DC
IvoryIvory255 255 240#FFFFF0
LemonChiffonLemonChiffon255 250 205#FFFACD
SeashellSeashell255 245 238#FFF5EE
HoneydewHoneydew240 255 240#F0FFF0
MintCreamMintCream245 255 250#F5FFFA
AzureAzure240 255 255#F0FFFF
AliceBlueAliceBlue240 248 255#F0F8FF
lavenderlavender230 230 250#E6E6FA
LavenderBlushLavenderBlush255 240 245#FFF0F5
MistyRoseMistyRose255 228 225#FFE4E1
WhiteWhite255 255 255#FFFFFF
BlackBlack0 0 0#000000
DarkSlateGrayDarkSlateGray47 79 79#2F4F4F
DimGreyDimGrey105 105 105#696969
SlateGreySlateGrey112 128 144#708090
LightSlateGrayLightSlateGray119 136 153#778899
GreyGrey190 190 190#BEBEBE
LightGrayLightGray211 211 211#D3D3D3
MidnightBlueMidnightBlue25 25 112#191970
NavyBlueNavyBlue0 0 128#000080
CornflowerBlueCornflowerBlue100 149 237#6495ED
DarkSlateBlueDarkSlateBlue72 61 139#483D8B
SlateBlueSlateBlue106 90 205#6A5ACD
MediumSlateBlueMediumSlateBlue123 104 238#7B68EE
LightSlateBlueLightSlateBlue132 112 255#8470FF
MediumBlueMediumBlue0 0 205#0000CD
RoyalBlueRoyalBlue65 105 225#4169E1
BlueBlue0 0 255#0000FF
DodgerBlueDodgerBlue30 144 255#1E90FF
DeepSkyBlueDeepSkyBlue0 191 255#00BFFF
SkyBlueSkyBlue135 206 235#87CEEB
LightSkyBlueLightSkyBlue135 206 250#87CEFA
SteelBlueSteelBlue70 130 180#4682B4
LightSteelBlueLightSteelBlue176 196 222#B0C4DE
LightBlueLightBlue173 216 230#ADD8E6
PowderBluePowderBlue176 224 230#B0E0E6
PaleTurquoisePaleTurquoise175 238 238#AFEEEE
DarkTurquoiseDarkTurquoise0 206 209#00CED1
MediumTurquoiseMediumTurquoise72 209 204#48D1CC
TurquoiseTurquoise64 224 208#40E0D0
CyanCyan0 255 255#00FFFF
LightCyanLightCyan224 255 255#E0FFFF
CadetBlueCadetBlue95 158 160#5F9EA0
MediumAquamarineMediumAquamarine102 205 170#66CDAA
AquamarineAquamarine127 255 212#7FFFD4
DarkGreenDarkGreen0 100 0#006400
DarkOliveGreenDarkOliveGreen85 107 47#556B2F
DarkSeaGreenDarkSeaGreen143 188 143#8FBC8F
SeaGreenSeaGreen46 139 87#2E8B57
MediumSeaGreenMediumSeaGreen60 179 113#3CB371
LightSeaGreenLightSeaGreen32 178 170#20B2AA
PaleGreenPaleGreen152 251 152#98FB98
SpringGreenSpringGreen0 255 127#00FF7F
LawnGreenLawnGreen124 252 0#7CFC00
GreenGreen0 255 0#00FF00
ChartreuseChartreuse127 255 0#7FFF00
MedSpringGreenMedSpringGreen0 250 154#00FA9A
GreenYellowGreenYellow173 255 47#ADFF2F
LimeGreenLimeGreen50 205 50#32CD32
YellowGreenYellowGreen154 205 50#9ACD32
ForestGreenForestGreen34 139 34#228B22
OliveDrabOliveDrab107 142 35#6B8E23
DarkKhakiDarkKhaki189 183 107#BDB76B
PaleGoldenrodPaleGoldenrod238 232 170#EEE8AA
LtGoldenrodYelloLtGoldenrodYello250 250 210#FAFAD2
LightYellowLightYellow255 255 224#FFFFE0
YellowYellow255 255 0#FFFF00
GoldGold255 215 0#FFD700
LightGoldenrodLightGoldenrod238 221 130#EEDD82
goldenrodgoldenrod218 165 32#DAA520
DarkGoldenrodDarkGoldenrod184 134 11#B8860B
RosyBrownRosyBrown188 143 143#BC8F8F
IndianRedIndianRed205 92 92#CD5C5C
SaddleBrownSaddleBrown139 69 19#8B4513
SiennaSienna160 82 45#A0522D
PeruPeru205 133 63#CD853F
BurlywoodBurlywood222 184 135#DEB887
BeigeBeige245 245 220#F5F5DC
WheatWheat245 222 179#F5DEB3
SandyBrownSandyBrown244 164 96#F4A460
TanTan210 180 140#D2B48C
ChocolateChocolate210 105 30#D2691E
FirebrickFirebrick178 34 34#B22222
BrownBrown165 42 42#A52A2A
DarkSalmonDarkSalmon233 150 122#E9967A
SalmonSalmon250 128 114#FA8072
LightSalmonLightSalmon255 160 122#FFA07A
OrangeOrange255 165 0#FFA500
DarkOrangeDarkOrange255 140 0#FF8C00
CoralCoral255 127 80#FF7F50
LightCoralLightCoral240 128 128#F08080
TomatoTomato255 99 71#FF6347
OrangeRedOrangeRed255 69 0#FF4500
RedRed255 0 0#FF0000
HotPinkHotPink255 105 180#FF69B4
DeepPinkDeepPink255 20 147#FF1493
PinkPink255 192 203#FFC0CB
LightPinkLightPink255 182 193#FFB6C1
PaleVioletRedPaleVioletRed219 112 147#DB7093
MaroonMaroon176 48 96#B03060
MediumVioletRedMediumVioletRed199 21 133#C71585
VioletRedVioletRed208 32 144#D02090
MagentaMagenta255 0 255#FF00FF
VioletViolet238 130 238#EE82EE
PlumPlum221 160 221#DDA0DD
OrchidOrchid218 112 214#DA70D6
MediumOrchidMediumOrchid186 85 211#BA55D3
DarkOrchidDarkOrchid153 50 204#9932CC
DarkVioletDarkViolet148 0 211#9400D3
BlueVioletBlueViolet138 43 226#8A2BE2
PurplePurple160 32 240#A020F0
MediumPurpleMediumPurple147 112 219#9370DB
ThistleThistle216 191 216#D8BFD8
Snow1Snow1255 250 250#FFFAFA
Snow2Snow2238 233 233#EEE9E9
Snow3Snow3205 201 201#CDC9C9
Snow4Snow4139 137 137#8B8989
Seashell1Seashell1255 245 238#FFF5EE
Seashell2Seashell2238 229 222#EEE5DE
Seashell3Seashell3205 197 191#CDC5BF
Seashell4Seashell4139 134 130#8B8682
AntiqueWhite1AntiqueWhite1255 239 219#FFEFDB
AntiqueWhite2AntiqueWhite2238 223 204#EEDFCC
AntiqueWhite3AntiqueWhite3205 192 176#CDC0B0
AntiqueWhite4AntiqueWhite4139 131 120#8B8378
Bisque1Bisque1255 228 196#FFE4C4
Bisque2Bisque2238 213 183#EED5B7
Bisque3Bisque3205 183 158#CDB79E
Bisque4Bisque4139 125 107#8B7D6B
PeachPuff1PeachPuff1255 218 185#FFDAB9
PeachPuff2PeachPuff2238 203 173#EECBAD
PeachPuff3PeachPuff3205 175 149#CDAF95
PeachPuff4PeachPuff4139 119 101#8B7765
NavajoWhite1NavajoWhite1255 222 173#FFDEAD
NavajoWhite2NavajoWhite2238 207 161#EECFA1
NavajoWhite3NavajoWhite3205 179 139#CDB38B
NavajoWhite4NavajoWhite4139 121 94#8B795E
LemonChiffon1LemonChiffon1255 250 205#FFFACD
LemonChiffon2LemonChiffon2238 233 191#EEE9BF
LemonChiffon3LemonChiffon3205 201 165#CDC9A5
LemonChiffon4LemonChiffon4139 137 112#8B8970
Cornsilk1Cornsilk1255 248 220#FFF8DC
Cornsilk2Cornsilk2238 232 205#EEE8CD
Cornsilk3Cornsilk3205 200 177#CDC8B1
Cornsilk4Cornsilk4139 136 120#8B8878
vory1Ivory1255 255 240#FFFFF0
vory2Ivory2238 238 224#EEEEE0
Ivory3Ivory3205 205 193#CDCDC1
Ivory4Ivory4139 139 131#8B8B83
Honeydew1Honeydew1240 255 240#F0FFF0
Honeydew2Honeydew2224 238 224#E0EEE0
Honeydew3Honeydew3193 205 193#C1CDC1
Honeydew4Honeydew4131 139 131#838B83
LavenderBlush2LavenderBlush2255 240 245#FFF0F5
LavenderBlush3LavenderBlush3238 224 229#EEE0E5
LavenderBlush4LavenderBlush4205 193 197#CDC1C5
LavenderBlush5LavenderBlush5139 131 134#8B8386
MistyRose1MistyRose1255 228 225#FFE4E1
MistyRose2MistyRose2238 213 210#EED5D2
MistyRose3MistyRose3205 183 181#CDB7B5
MistyRose4MistyRose4139 125 123#8B7D7B
Azure1Azure1240 255 255#F0FFFF
Azure2Azure2224 238 238#E0EEEE
Azure3Azure3193 205 205#C1CDCD
Azure4Azure4131 139 139#838B8B
SlateBlue1SlateBlue1131 111 255#836FFF
SlateBlue2SlateBlue2122 103 238#7A67EE
SlateBlue3SlateBlue3105 89 205#6959CD
SlateBlue4SlateBlue471 60 139#473C8B
RoyalBlue1RoyalBlue172 118 255#4876FF
RoyalBlue2RoyalBlue267 110 238#436EEE
RoyalBlue3RoyalBlue358 95 205#3A5FCD
RoyalBlue4RoyalBlue439 64 139#27408B
Blue1Blue10 0 255#0000FF
Blue2Blue20 0 238#0000EE
Blue3Blue30 0 205#0000CD
Blue4Blue40 0 139#00008B
DodgerBlue1DodgerBlue130 144 255#1E90FF
DodgerBlue2DodgerBlue228 134 238#1C86EE
DodgerBlue3DodgerBlue324 116 205#1874CD
DodgerBlue4DodgerBlue416 78 139#104E8B
SteelBlue1SteelBlue199 184 255#63B8FF
SteelBlue2SteelBlue292 172 238#5CACEE
SteelBlue3SteelBlue379 148 205#4F94CD
SteelBlue4SteelBlue454 100 139#36648B
DeepSkyBlue1DeepSkyBlue10 191 255#00BFFF
DeepSkyBlue2DeepSkyBlue20 178 238#00B2EE
DeepSkyBlue3DeepSkyBlue30 154 205#009ACD
DeepSkyBlue4DeepSkyBlue40 104 139#00688B
SkyBlue1SkyBlue1135 206 255#87CEFF
SkyBlue2SkyBlue2126 192 238#7EC0EE
SkyBlue3SkyBlue3108 166 205#6CA6CD
SkyBlue4SkyBlue474 112 139#4A708B
LightSkyBlue1LightSkyBlue1176 226 255#B0E2FF
LightSkyBlue2LightSkyBlue2164 211 238#A4D3EE
LightSkyBlue3LightSkyBlue3141 182 205#8DB6CD
LightSkyBlue4LightSkyBlue496 123 139#607B8B
SlateGray1SlateGray1198 226 255#C6E2FF
SlateGray2SlateGray2185 211 238#B9D3EE
SlateGray3SlateGray3159 182 205#9FB6CD
SlateGray4SlateGray4108 123 139#6C7B8B
LightSteelBlue1LightSteelBlue1202 225 255#CAE1FF
LightSteelBlue2LightSteelBlue2188 210 238#BCD2EE
LightSteelBlue3LightSteelBlue3162 181 205#A2B5CD
LightSteelBlue4LightSteelBlue4110 123 139#6E7B8B
LightBlue1LightBlue1191 239 255#BFEFFF
LightBlue2LightBlue2178 223 238#B2DFEE
LightBlue3LightBlue3154 192 205#9AC0CD
LightBlue4LightBlue4104 131 139#68838B
LightCyan1LightCyan1224 255 255#E0FFFF
LightCyan2LightCyan2209 238 238#D1EEEE
LightCyan3LightCyan3180 205 205#B4CDCD
LightCyan4LightCyan4122 139 139#7A8B8B
PaleTurquoise1PaleTurquoise1187 255 255#BBFFFF
PaleTurquoise2PaleTurquoise2174 238 238#AEEEEE
PaleTurquoise3PaleTurquoise3150 205 205#96CDCD
PaleTurquoise4PaleTurquoise4102 139 139#668B8B
CadetBlue1CadetBlue1152 245 255#98F5FF
CadetBlue2CadetBlue2142 229 238#8EE5EE
CadetBlue3CadetBlue3122 197 205#7AC5CD
CadetBlue4CadetBlue483 134 139#53868B
Turquoise1Turquoise10 245 255#00F5FF
Turquoise2Turquoise20 229 238#00E5EE
Turquoise3Turquoise30 197 205#00C5CD
Turquoise4Turquoise40 134 139#00868B
Cyan1Cyan10 255 255#00FFFF
Cyan2Cyan20 238 238#00EEEE
Cyan3Cyan30 205 205#00CDCD
Cyan4Cyan40 139 139#008B8B
DarkSlateGray1DarkSlateGray1151 255 255#97FFFF
DarkSlateGray2DarkSlateGray2141 238 238#8DEEEE
DarkSlateGray3DarkSlateGray3121 205 205#79CDCD
DarkSlateGray4DarkSlateGray482 139 139#528B8B
Aquamarine1Aquamarine1127 255 212#7FFFD4
Aquamarine2Aquamarine2118 238 198#76EEC6
Aquamarine3Aquamarine3102 205 170#66CDAA
Aquamarine4Aquamarine469 139 116#458B74
DarkSeaGreen1DarkSeaGreen1193 255 193#C1FFC1
DarkSeaGreen2DarkSeaGreen2180 238 180#B4EEB4
DarkSeaGreen3DarkSeaGreen3155 205 155#9BCD9B
DarkSeaGreen4DarkSeaGreen4105 139 105#698B69
SeaGreen1SeaGreen184 255 159#54FF9F
SeaGreen2SeaGreen278 238 148#4EEE94
SeaGreen3SeaGreen367 205 128#43CD80
SeaGreen4SeaGreen446 139 87#2E8B57
PaleGreen1PaleGreen1154 255 154#9AFF9A
PaleGreen2PaleGreen2144 238 144#90EE90
PaleGreen3PaleGreen3124 205 124#7CCD7C
PaleGreen4PaleGreen484 139 84#548B54
SpringGreen1SpringGreen10 255 127#00FF7F
SpringGreen2SpringGreen20 238 118#00EE76
SpringGreen3SpringGreen30 205 102#00CD66
SpringGreen4SpringGreen40 139 69#008B45
Green1Green10 255 0#00FF00
Green2Green20 238 0#00EE00
Green3Green30 205 0#00CD00
Green4Green40 139 0#008B00
Chartreuse1Chartreuse1127 255 0#7FFF00
Chartreuse2Chartreuse2118 238 0#76EE00
Chartreuse3Chartreuse3102 205 0#66CD00
Chartreuse4Chartreuse469 139 0#458B00
OliveDrab1OliveDrab1192 255 62#C0FF3E
OliveDrab2OliveDrab2179 238 58#B3EE3A
OliveDrab3OliveDrab3154 205 50#9ACD32
OliveDrab4OliveDrab4105 139 34#698B22
DarkOliveGreen1DarkOliveGreen1202 255 112#CAFF70
DarkOliveGreen2DarkOliveGreen2188 238 104#BCEE68
DarkOliveGreen3DarkOliveGreen3162 205 90#A2CD5A
DarkOliveGreen4DarkOliveGreen4110 139 61#6E8B3D
Khaki1Khaki1255 246 143#FFF68F
Khaki2Khaki2238 230 133#EEE685
Khaki3Khaki3205 198 115#CDC673
Khaki4Khaki4139 134 78#8B864E
LightGoldenrod1LightGoldenrod1255 236 139#FFEC8B
LightGoldenrod2LightGoldenrod2238 220 130#EEDC82
LightGoldenrod3LightGoldenrod3205 190 112#CDBE70
LightGoldenrod4LightGoldenrod4139 129 76#8B814C
LightYellow1LightYellow1255 255 224#FFFFE0
LightYellow2LightYellow2238 238 209#EEEED1
LightYellow3LightYellow3205 205 180#CDCDB4
LightYellow4LightYellow4139 139 122#8B8B7A
Yellow1Yellow1255 255 0#FFFF00
Yellow2Yellow2238 238 0#EEEE00
Yellow3Yellow3205 205 0#CDCD00
Yellow4Yellow4139 139 0#8B8B00
Gold1Gold1255 215 0#FFD700
Gold2Gold2238 201 0#EEC900
Gold3Gold3205 173 0#CDAD00
Gold4Gold4139 117 0#8B7500
Goldenrod1Goldenrod1255 193 37#FFC125
Goldenrod2Goldenrod2238 180 34#EEB422
Goldenrod3Goldenrod3205 155 29#CD9B1D
Goldenrod4Goldenrod4139 105 20#8B6914
DarkGoldenrod1DarkGoldenrod1255 185 15#FFB90F
DarkGoldenrod2DarkGoldenrod2238 173 14#EEAD0E
DarkGoldenrod3DarkGoldenrod3205 149 12#CD950C
DarkGoldenrod4DarkGoldenrod4139 101 8#8B658B
RosyBrown1RosyBrown1255 193 193#FFC1C1
RosyBrown2RosyBrown2238 180 180#EEB4B4
RosyBrown3RosyBrown3205 155 155#CD9B9B
RosyBrown4RosyBrown4139 105 105#8B6969
IndianRed1IndianRed1255 106 106#FF6A6A
IndianRed2IndianRed2238 99 99#EE6363
IndianRed3IndianRed3205 85 85#CD5555
IndianRed4IndianRed4139 58 58#8B3A3A
Sienna1Sienna1255 130 71#FF8247
Sienna2Sienna2238 121 66#EE7942
Sienna3Sienna3205 104 57#CD6839
Sienna4Sienna4139 71 38#8B4726
Burlywood1Burlywood1255 211 155#FFD39B
Burlywood2Burlywood2238 197 145#EEC591
Burlywood3Burlywood3205 170 125#CDAA7D
Burlywood4Burlywood4139 115 85#8B7355
Wheat1Wheat1255 231 186#FFE7BA
Wheat2Wheat2238 216 174#EED8AE
Wheat3Wheat3205 186 150#CDBA96
Wheat4Wheat4139 126 102#8B7E66
Tan1Tan1255 165 79#FFA54F
Tan2Tan2238 154 73#EE9A49
Tan3Tan3205 133 63#CD853F
Tan4Tan4139 90 43#8B5A2B
Chocolate1Chocolate1255 127 36#FF7F24
Chocolate2Chocolate2238 118 33#EE7621
Chocolate3Chocolate3205 102 29#CD661D
Chocolate4Chocolate4139 69 19#8B4513
Firebrick1Firebrick1255 48 48#FF3030
Firebrick2Firebrick2238 44 44#EE2C2C
Firebrick3Firebrick3205 38 38#CD2626
Firebrick4Firebrick4139 26 26#8B1A1A
Brown1Brown1255 64 64#FF4040
Brown2Brown2238 59 59#EE3B3B
Brown3Brown3205 51 51#CD3333
Brown4Brown4139 35 35#8B2323
Salmon1Salmon1255 140 105#FF8C69
Salmon2Salmon2238 130 98#EE8262
Salmon3Salmon3205 112 84#CD7054
Salmon4Salmon4139 76 57#8B4C39
LightSalmon1LightSalmon1255 160 122#FFA07A
LightSalmon2LightSalmon2238 149 114#EE9572
LightSalmon3LightSalmon3205 129 98#CD8162
LightSalmon4LightSalmon4139 87 66#8B5742
Orange1Orange1255 165 0#FFA500
Orange2Orange2238 154 0#EE9A00
Orange3Orange3205 133 0#CD8500
Orange4Orange4139 90 0#8B5A00
DarkOrange1DarkOrange1255 127 0#FF7F00
DarkOrange2DarkOrange2238 118 0#EE7600
DarkOrange3DarkOrange3205 102 0#CD6600
DarkOrange4DarkOrange4139 69 0#8B4500
Coral1Coral1255 114 86#FF7256
Coral2Coral2238 106 80#EE6A50
Coral3Coral3205 91 69#CD5B45
Coral4Coral4139 62 47#8B3E2F
Tomato1Tomato1255 99 71#FF6347
Tomato2Tomato2238 92 66#EE5C42
Tomato3Tomato3205 79 57#CD4F39
Tomato4Tomato4139 54 38#8B3626
OrangeRed1OrangeRed1255 69 0#FF4500
OrangeRed2OrangeRed2238 64 0#EE4000
OrangeRed3OrangeRed3205 55 0#CD3700
OrangeRed4OrangeRed4139 37 0#8B2500
Red1Red1255 0 0#FF0000
Red2Red2238 0 0#EE0000
Red3Red3205 0 0#CD0000
Red4Red4139 0 0#8B0000
DeepPink1DeepPink1255 20 147#FF1493
DeepPink2DeepPink2238 18 137#EE1289
DeepPink3DeepPink3205 16 118#CD1076
DeepPink4DeepPink4139 10 80#8B0A50
HotPink1HotPink1255 110 180#FF6EB4
HotPink2HotPink2238 106 167#EE6AA7
HotPink3HotPink3205 96 144#CD6090
HotPink4HotPink4139 58 98#8B3A62
Pink1Pink1255 181 197#FFB5C5
Pink2Pink2238 169 184#EEA9B8
Pink3Pink3205 145 158#CD919E
Pink4Pink4139 99 108#8B636C
LightPink1LightPink1255 174 185#FFAEB9
LightPink2LightPink2238 162 173#EEA2AD
LightPink3LightPink3205 140 149#CD8C95
LightPink4LightPink4139 95 101#8B5F65
PaleVioletRed1PaleVioletRed1255 130 171#FF82AB
PaleVioletRed2PaleVioletRed2238 121 159#EE799F
PaleVioletRed3PaleVioletRed3205 104 137#CD6889
PaleVioletRed4PaleVioletRed4139 71 93#8B475D
Maroon1Maroon1255 52 179#FF34B3
Maroon2Maroon2238 48 167#EE30A7
Maroon3Maroon3205 41 144#CD2990
Maroon4Maroon4139 28 98#8B1C62
VioletRed1VioletRed1255 62 150#FF3E96
VioletRed2VioletRed2238 58 140#EE3A8C
VioletRed3VioletRed3205 50 120#CD3278
VioletRed4VioletRed4139 34 82#8B2252
Magenta1Magenta1255 0 255#FF00FF
Magenta2Magenta2238 0 238#EE00EE
Magenta3Magenta3205 0 205#CD00CD
Magenta4Magenta4139 0 139#8B008B
Orchid1Orchid1255 131 250#FF83FA
Orchid2Orchid2238 122 233#EE7AE9
Orchid3Orchid3205 105 201#CD69C9
Orchid4Orchid4139 71 137#8B4789
Plum1Plum1255 187 255#FFBBFF
Plum2Plum2238 174 238#EEAEEE
Plum3Plum3205 150 205#CD96CD
Plum4Plum4139 102 139#8B668B
MediumOrchid1MediumOrchid1224 102 255#E066FF
MediumOrchid2MediumOrchid2209 95 238#D15FEE
MediumOrchid3MediumOrchid3180 82 205#B452CD
MediumOrchid4MediumOrchid4122 55 139#7A378B
DarkOrchid1DarkOrchid1191 62 255#BF3EFF
DarkOrchid2DarkOrchid2178 58 238#B23AEE
DarkOrchid3DarkOrchid3154 50 205#9A32CD
DarkOrchid4DarkOrchid4104 34 139#68228B
Purple1Purple1155 48 255#9B30FF
Purple2Purple2145 44 238#912CEE
Purple3Purple3125 38 205#7D26CD
Purple4Purple485 26 139#551A8B
MediumPurple1MediumPurple1171 130 255#AB82FF
MediumPurple2MediumPurple2159 121 238#9F79EE
MediumPurple3MediumPurple3137 104 205#8968CD
MediumPurple4MediumPurple493 71 139#5D478B
Thistle1Thistle1255 225 255#FFE1FF
Thistle2Thistle2238 210 238#EED2EE
Thistle3Thistle3205 181 205#CDB5CD
Thistle4Thistle4139 123 139#8B7B8B
grey11grey1128 28 28#1C1C1C
grey21grey2154 54 54#363636
grey31grey3179 79 79#4F4F4F
grey41grey41105 105 105#696969
grey51grey51130 130 130#828282
grey61grey61156 156 156#9C9C9C
grey71grey71181 181 181#B5B5B5
gray81gray81207 207 207#CFCFCF
gray91gray91232 232 232#E8E8E8
DarkGreyDarkGrey169 169 169#A9A9A9
DarkBlueDarkBlue0 0 139#00008B
DarkCyanDarkCyan0 139 139#008B8B
DarkMagentaDarkMagenta139 0 139#8B008B
DarkRedDarkRed139 0 0#8B0000
LightGreenLightGreen144 238 144#90EE90
Версия: xhtml | wml | Web

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

Имя цвета в HTML и CSS HEX RGB
Красные тона:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Crimson#DC143C220, 20, 60
Red#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
DarkRed#8B0000139, 0, 0
Розовые тона:
Pink#FFC0CB255, 192, 203
LightPink#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Оранжевые тона:
LightSalmon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Tomato#FF6347255, 99, 71
OrangeRed#FF4500255, 69, 0
DarkOrange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Жёлтые тона:
Gold#FFD700255, 215, 0
Yellow#FFFF00255, 255, 0
LightYellow#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Moccasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Фиолетовые тона:
Lavender#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Plum#DDA0DD221, 160, 221
Violet#EE82EE238, 130, 238
Orchid#DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
BlueViolet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Purple#800080128, 0, 128
Indigo#4B008275, 0, 130
SlateBlue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Коричневые тона:
Cornsilk#FFF8DC255, 248, 220
BlanchedAlmond#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Wheat#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Brown#A52A2A165, 42, 42
Maroon#800000128, 0, 0
Основные цвета:
Black#0000000, 0, 0
Gray#808080128, 128, 128
Silver#C0C0C0192, 192, 192
White#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Purple#800080128, 0, 128
Red#FF0000255, 0, 0
Maroon#800000128, 0, 0
Yellow#FFFF00205, 92, 92
Olive#808000240, 128, 128
Lime#00FF00250, 128, 114
Green#008000233, 150, 122
Aqua#00FFFF205, 92, 92
Teal#008080240, 128, 128
Blue#0000FF250, 128, 114
Navy#000080233, 150, 122
Имя цвета в HTML и CSS HEX RGB
Зелёные тона:
GreenYellow#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
PaleGreen#98FB98152, 251, 152
LightGreen#90EE90144, 238, 144
MediumSpringGreen#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
SeaGreen#2E8B5746, 139, 87
ForestGreen#228B2234, 139, 34
Green#0080000, 128, 0
DarkGreen#0064000, 100, 0
YellowGreen#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olive#808000128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#0080800, 128, 128
Синие тона:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
PaleTurquoise#AFEEEE175, 238, 238
Aquamarine#7FFFD4127, 255, 212
Turquoise#40E0D064, 224, 208
MediumTurquoise#48D1CC72, 209, 204
DarkTurquoise#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
PowderBlue#B0E0E6176, 224, 230
LightBlue#ADD8E6173, 216, 230
SkyBlue#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
DodgerBlue#1E90FF30, 144, 255
CornflowerBlue#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
RoyalBlue#4169E165, 105, 225
Blue#0000FF0, 0, 255
MediumBlue#0000CD0, 0, 205
DarkBlue#00008B0, 0, 139
Navy#0000800, 0, 128
MidnightBlue#19197025, 25, 112
Белые тона:
White#FFFFFF255, 255, 255
Snow#FFFAFA255, 250, 250
Honeydew#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
WhiteSmoke#F5F5F5245, 245, 245
Seashell#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Ivory#FFFFF0255, 255, 240
AntiqueWhite#FAEBD7250, 235, 215
Linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Серые тона:
Gainsboro#DCDCDC220, 220, 220
LightGrey#D3D3D3211, 211, 211
LightGray#D3D3D3211, 211, 211
Silver#C0C0C0192, 192, 192
DarkGray#A9A9A9169, 169, 169
DarkGrey#A9A9A9169, 169, 169
Gray#808080128, 128, 128
Grey#808080128, 128, 128
DimGray#696969105, 105, 105
DimGrey#696969105, 105, 105
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Black#0000000, 0, 0

Таблица написания цвета в HTML, названия, коды HEX и RGB

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

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

Написание

Пример

R G B

HEX

SnowSnow255 250 250#FFFAFA
GhostWhiteGhostWhite248 248 255#F8F8FF
WhiteSmokeWhiteSmoke245 245 245#F5F5F5
GainsboroGainsboro220 220 220#DCDCDC
FloralWhiteFloralWhite255 250 240#FFFAF0
OldLaceOldLace253 245 230#FDF5E6
LinenLinen250 240 230#FAF0E6
AntiqueWhiteAntiqueWhite250 235 215#FAEBD7
PapayaWhipPapayaWhip255 239 213#FFEFD5
BlanchedAlmondBlanchedAlmond255 235 205#FFEBCD
BisqueBisque255 228 196#FFE4C4
PeachPuffPeachPuff255 218 185#FFDAB9
NavajoWhiteNavajoWhite255 222 173#FFDEAD
MoccasinMoccasin255 228 181#FFE4B5
CornsilkCornsilk255 248 220#FFF8DC
IvoryIvory255 255 240#FFFFF0
LemonChiffonLemonChiffon255 250 205#FFFACD
SeashellSeashell255 245 238#FFF5EE
HoneydewHoneydew240 255 240#F0FFF0
MintCreamMintCream245 255 250#F5FFFA
AzureAzure240 255 255#F0FFFF
AliceBlueAliceBlue240 248 255#F0F8FF
lavenderlavender230 230 250#E6E6FA
LavenderBlushLavenderBlush255 240 245#FFF0F5
MistyRoseMistyRose255 228 225#FFE4E1
WhiteWhite255 255 255#FFFFFF
BlackBlack0 0 0#000000
DarkSlateGrayDarkSlateGray47 79 79#2F4F4F
DimGreyDimGrey105 105 105#696969
SlateGreySlateGrey112 128 144#708090
LightSlateGrayLightSlateGray119 136 153#778899
GreyGrey190 190 190#BEBEBE
LightGrayLightGray211 211 211#D3D3D3
MidnightBlueMidnightBlue25 25 112#191970
NavyBlueNavyBlue0 0 128#000080
CornflowerBlueCornflowerBlue100 149 237#6495ED
DarkSlateBlueDarkSlateBlue72 61 139#483D8B
SlateBlueSlateBlue106 90 205#6A5ACD
MediumSlateBlueMediumSlateBlue123 104 238#7B68EE
LightSlateBlueLightSlateBlue132 112 255#8470FF
MediumBlueMediumBlue0 0 205#0000CD
RoyalBlueRoyalBlue65 105 225#4169E1
BlueBlue0 0 255#0000FF
DodgerBlueDodgerBlue30 144 255#1E90FF
DeepSkyBlueDeepSkyBlue0 191 255#00BFFF
SkyBlueSkyBlue135 206 235#87CEEB
LightSkyBlueLightSkyBlue135 206 250#87CEFA
SteelBlueSteelBlue70 130 180#4682B4
LightSteelBlueLightSteelBlue176 196 222#B0C4DE
LightBlueLightBlue173 216 230#ADD8E6
PowderBluePowderBlue176 224 230#B0E0E6
PaleTurquoisePaleTurquoise175 238 238#AFEEEE
DarkTurquoiseDarkTurquoise0 206 209#00CED1
MediumTurquoiseMediumTurquoise72 209 204#48D1CC
TurquoiseTurquoise64 224 208#40E0D0
CyanCyan0 255 255#00FFFF
LightCyanLightCyan224 255 255#E0FFFF
CadetBlueCadetBlue95 158 160#5F9EA0
MediumAquamarineMediumAquamarine102 205 170#66CDAA
AquamarineAquamarine127 255 212#7FFFD4
DarkGreenDarkGreen0 100 0#006400
DarkOliveGreenDarkOliveGreen85 107 47#556B2F
DarkSeaGreenDarkSeaGreen143 188 143#8FBC8F
SeaGreenSeaGreen46 139 87#2E8B57
MediumSeaGreenMediumSeaGreen60 179 113#3CB371
LightSeaGreenLightSeaGreen32 178 170#20B2AA
PaleGreenPaleGreen152 251 152#98FB98
SpringGreenSpringGreen0 255 127#00FF7F
LawnGreenLawnGreen124 252 0#7CFC00
GreenGreen0 255 0#00FF00
ChartreuseChartreuse127 255 0#7FFF00
MedSpringGreenMedSpringGreen0 250 154#00FA9A
GreenYellowGreenYellow173 255 47#ADFF2F
LimeGreenLimeGreen50 205 50#32CD32
YellowGreenYellowGreen154 205 50#9ACD32
ForestGreenForestGreen34 139 34#228B22
OliveDrabOliveDrab107 142 35#6B8E23
DarkKhakiDarkKhaki189 183 107#BDB76B
PaleGoldenrodPaleGoldenrod238 232 170#EEE8AA
LtGoldenrodYelloLtGoldenrodYello250 250 210#FAFAD2
LightYellowLightYellow255 255 224#FFFFE0
YellowYellow255 255 0#FFFF00
GoldGold255 215 0#FFD700
LightGoldenrodLightGoldenrod238 221 130#EEDD82
goldenrodgoldenrod218 165 32#DAA520
DarkGoldenrodDarkGoldenrod184 134 11#B8860B
RosyBrownRosyBrown188 143 143#BC8F8F
IndianRedIndianRed205 92 92#CD5C5C
SaddleBrownSaddleBrown139 69 19#8B4513
SiennaSienna160 82 45#A0522D
PeruPeru205 133 63#CD853F
BurlywoodBurlywood222 184 135#DEB887
BeigeBeige245 245 220#F5F5DC
WheatWheat245 222 179#F5DEB3
SandyBrownSandyBrown244 164 96#F4A460
TanTan210 180 140#D2B48C
ChocolateChocolate210 105 30#D2691E
FirebrickFirebrick178 34 34#B22222
BrownBrown165 42 42#A52A2A
DarkSalmonDarkSalmon233 150 122#E9967A
SalmonSalmon250 128 114#FA8072
LightSalmonLightSalmon255 160 122#FFA07A
OrangeOrange255 165 0#FFA500
DarkOrangeDarkOrange255 140 0#FF8C00
CoralCoral255 127 80#FF7F50
LightCoralLightCoral240 128 128#F08080
TomatoTomato255 99 71#FF6347
OrangeRedOrangeRed255 69 0#FF4500
RedRed255 0 0#FF0000
HotPinkHotPink255 105 180#FF69B4
DeepPinkDeepPink255 20 147#FF1493
PinkPink255 192 203#FFC0CB
LightPinkLightPink255 182 193#FFB6C1
PaleVioletRedPaleVioletRed219 112 147#DB7093
MaroonMaroon176 48 96#B03060
MediumVioletRedMediumVioletRed199 21 133#C71585
VioletRedVioletRed208 32 144#D02090
MagentaMagenta255 0 255#FF00FF
VioletViolet238 130 238#EE82EE
PlumPlum221 160 221#DDA0DD
OrchidOrchid218 112 214#DA70D6
MediumOrchidMediumOrchid186 85 211#BA55D3
DarkOrchidDarkOrchid153 50 204#9932CC
DarkVioletDarkViolet148 0 211#9400D3
BlueVioletBlueViolet138 43 226#8A2BE2
PurplePurple160 32 240#A020F0
MediumPurpleMediumPurple147 112 219#9370DB
ThistleThistle216 191 216#D8BFD8
Snow1Snow1255 250 250#FFFAFA
Snow2Snow2238 233 233#EEE9E9
Snow3Snow3205 201 201#CDC9C9
Snow4Snow4139 137 137#8B8989
Seashell1Seashell1255 245 238#FFF5EE
Seashell2Seashell2238 229 222#EEE5DE
Seashell3Seashell3205 197 191#CDC5BF
Seashell4Seashell4139 134 130#8B8682
AntiqueWhite1AntiqueWhite1255 239 219#FFEFDB
AntiqueWhite2AntiqueWhite2238 223 204#EEDFCC
AntiqueWhite3AntiqueWhite3205 192 176#CDC0B0
AntiqueWhite4AntiqueWhite4139 131 120#8B8378
Bisque1Bisque1255 228 196#FFE4C4
Bisque2Bisque2238 213 183#EED5B7
Bisque3Bisque3205 183 158#CDB79E
Bisque4Bisque4139 125 107#8B7D6B
PeachPuff1PeachPuff1255 218 185#FFDAB9
PeachPuff2PeachPuff2238 203 173#EECBAD
PeachPuff3PeachPuff3205 175 149#CDAF95
PeachPuff4PeachPuff4139 119 101#8B7765
NavajoWhite1NavajoWhite1255 222 173#FFDEAD
NavajoWhite2NavajoWhite2238 207 161#EECFA1
NavajoWhite3NavajoWhite3205 179 139#CDB38B
NavajoWhite4NavajoWhite4139 121 94#8B795E
LemonChiffon1LemonChiffon1255 250 205#FFFACD
LemonChiffon2LemonChiffon2238 233 191#EEE9BF
LemonChiffon3LemonChiffon3205 201 165#CDC9A5
LemonChiffon4LemonChiffon4139 137 112#8B8970
Cornsilk1Cornsilk1255 248 220#FFF8DC
Cornsilk2Cornsilk2238 232 205#EEE8CD
Cornsilk3Cornsilk3205 200 177#CDC8B1
Cornsilk4Cornsilk4139 136 120#8B8878
vory1Ivory1255 255 240#FFFFF0
vory2Ivory2238 238 224#EEEEE0
Ivory3Ivory3205 205 193#CDCDC1
Ivory4Ivory4139 139 131#8B8B83
Honeydew1Honeydew1240 255 240#F0FFF0
Honeydew2Honeydew2224 238 224#E0EEE0
Honeydew3Honeydew3193 205 193#C1CDC1
Honeydew4Honeydew4131 139 131#838B83
LavenderBlush2LavenderBlush2255 240 245#FFF0F5
LavenderBlush3LavenderBlush3238 224 229#EEE0E5
LavenderBlush4LavenderBlush4205 193 197#CDC1C5
LavenderBlush5LavenderBlush5139 131 134#8B8386
MistyRose1MistyRose1255 228 225#FFE4E1
MistyRose2MistyRose2238 213 210#EED5D2
MistyRose3MistyRose3205 183 181#CDB7B5
MistyRose4MistyRose4139 125 123#8B7D7B
Azure1Azure1240 255 255#F0FFFF
Azure2Azure2224 238 238#E0EEEE
Azure3Azure3193 205 205#C1CDCD
Azure4Azure4131 139 139#838B8B
SlateBlue1SlateBlue1131 111 255#836FFF
SlateBlue2SlateBlue2122 103 238#7A67EE
SlateBlue3SlateBlue3105 89 205#6959CD
SlateBlue4SlateBlue471 60 139#473C8B
RoyalBlue1RoyalBlue172 118 255#4876FF
RoyalBlue2RoyalBlue267 110 238#436EEE
RoyalBlue3RoyalBlue358 95 205#3A5FCD
RoyalBlue4RoyalBlue439 64 139#27408B
Blue1Blue10 0 255#0000FF
Blue2Blue20 0 238#0000EE
Blue3Blue30 0 205#0000CD
Blue4Blue40 0 139#00008B
DodgerBlue1DodgerBlue130 144 255#1E90FF
DodgerBlue2DodgerBlue228 134 238#1C86EE
DodgerBlue3DodgerBlue324 116 205#1874CD
DodgerBlue4DodgerBlue416 78 139#104E8B
SteelBlue1SteelBlue199 184 255#63B8FF
SteelBlue2SteelBlue292 172 238#5CACEE
SteelBlue3SteelBlue379 148 205#4F94CD
SteelBlue4SteelBlue454 100 139#36648B
DeepSkyBlue1DeepSkyBlue10 191 255#00BFFF
DeepSkyBlue2DeepSkyBlue20 178 238#00B2EE
DeepSkyBlue3DeepSkyBlue30 154 205#009ACD
DeepSkyBlue4DeepSkyBlue40 104 139#00688B
SkyBlue1SkyBlue1135 206 255#87CEFF
SkyBlue2SkyBlue2126 192 238#7EC0EE
SkyBlue3SkyBlue3108 166 205#6CA6CD
SkyBlue4SkyBlue474 112 139#4A708B
LightSkyBlue1LightSkyBlue1176 226 255#B0E2FF
LightSkyBlue2LightSkyBlue2164 211 238#A4D3EE
LightSkyBlue3LightSkyBlue3141 182 205#8DB6CD
LightSkyBlue4LightSkyBlue496 123 139#607B8B
SlateGray1SlateGray1198 226 255#C6E2FF
SlateGray2SlateGray2185 211 238#B9D3EE
SlateGray3SlateGray3159 182 205#9FB6CD
SlateGray4SlateGray4108 123 139#6C7B8B
LightSteelBlue1LightSteelBlue1202 225 255#CAE1FF
LightSteelBlue2LightSteelBlue2188 210 238#BCD2EE
LightSteelBlue3LightSteelBlue3162 181 205#A2B5CD
LightSteelBlue4LightSteelBlue4110 123 139#6E7B8B
LightBlue1LightBlue1191 239 255#BFEFFF
LightBlue2LightBlue2178 223 238#B2DFEE
LightBlue3LightBlue3154 192 205#9AC0CD
LightBlue4LightBlue4104 131 139#68838B
LightCyan1LightCyan1224 255 255#E0FFFF
LightCyan2LightCyan2209 238 238#D1EEEE
LightCyan3LightCyan3180 205 205#B4CDCD
LightCyan4LightCyan4122 139 139#7A8B8B
PaleTurquoise1PaleTurquoise1187 255 255#BBFFFF
PaleTurquoise2PaleTurquoise2174 238 238#AEEEEE
PaleTurquoise3PaleTurquoise3150 205 205#96CDCD
PaleTurquoise4PaleTurquoise4102 139 139#668B8B
CadetBlue1CadetBlue1152 245 255#98F5FF
CadetBlue2CadetBlue2142 229 238#8EE5EE
CadetBlue3CadetBlue3122 197 205#7AC5CD
CadetBlue4CadetBlue483 134 139#53868B
Turquoise1Turquoise10 245 255#00F5FF
Turquoise2Turquoise20 229 238#00E5EE
Turquoise3Turquoise30 197 205#00C5CD
Turquoise4Turquoise40 134 139#00868B
Cyan1Cyan10 255 255#00FFFF
Cyan2Cyan20 238 238#00EEEE
Cyan3Cyan30 205 205#00CDCD
Cyan4Cyan40 139 139#008B8B
DarkSlateGray1DarkSlateGray1151 255 255#97FFFF
DarkSlateGray2DarkSlateGray2141 238 238#8DEEEE
DarkSlateGray3DarkSlateGray3121 205 205#79CDCD
DarkSlateGray4DarkSlateGray482 139 139#528B8B
Aquamarine1Aquamarine1127 255 212#7FFFD4
Aquamarine2Aquamarine2118 238 198#76EEC6
Aquamarine3Aquamarine3102 205 170#66CDAA
Aquamarine4Aquamarine469 139 116#458B74
DarkSeaGreen1DarkSeaGreen1193 255 193#C1FFC1
DarkSeaGreen2DarkSeaGreen2180 238 180#B4EEB4
DarkSeaGreen3DarkSeaGreen3155 205 155#9BCD9B
DarkSeaGreen4DarkSeaGreen4105 139 105#698B69
SeaGreen1SeaGreen184 255 159#54FF9F
SeaGreen2SeaGreen278 238 148#4EEE94
SeaGreen3SeaGreen367 205 128#43CD80
SeaGreen4SeaGreen446 139 87#2E8B57
PaleGreen1PaleGreen1154 255 154#9AFF9A
PaleGreen2PaleGreen2144 238 144#90EE90
PaleGreen3PaleGreen3124 205 124#7CCD7C
PaleGreen4PaleGreen484 139 84#548B54
SpringGreen1SpringGreen10 255 127#00FF7F
SpringGreen2SpringGreen20 238 118#00EE76
SpringGreen3SpringGreen30 205 102#00CD66
SpringGreen4SpringGreen40 139 69#008B45
Green1Green10 255 0#00FF00
Green2Green20 238 0#00EE00
Green3Green30 205 0#00CD00
Green4Green40 139 0#008B00
Chartreuse1Chartreuse1127 255 0#7FFF00
Chartreuse2Chartreuse2118 238 0#76EE00
Chartreuse3Chartreuse3102 205 0#66CD00
Chartreuse4Chartreuse469 139 0#458B00
OliveDrab1OliveDrab1192 255 62#C0FF3E
OliveDrab2OliveDrab2179 238 58#B3EE3A
OliveDrab3OliveDrab3154 205 50#9ACD32
OliveDrab4OliveDrab4105 139 34#698B22
DarkOliveGreen1DarkOliveGreen1202 255 112#CAFF70
DarkOliveGreen2DarkOliveGreen2188 238 104#BCEE68
DarkOliveGreen3DarkOliveGreen3162 205 90#A2CD5A
DarkOliveGreen4DarkOliveGreen4110 139 61#6E8B3D
Khaki1Khaki1255 246 143#FFF68F
Khaki2Khaki2238 230 133#EEE685
Khaki3Khaki3205 198 115#CDC673
Khaki4Khaki4139 134 78#8B864E
LightGoldenrod1LightGoldenrod1255 236 139#FFEC8B
LightGoldenrod2LightGoldenrod2238 220 130#EEDC82
LightGoldenrod3LightGoldenrod3205 190 112#CDBE70
LightGoldenrod4LightGoldenrod4139 129 76#8B814C
LightYellow1LightYellow1255 255 224#FFFFE0
LightYellow2LightYellow2238 238 209#EEEED1
LightYellow3LightYellow3205 205 180#CDCDB4
LightYellow4LightYellow4139 139 122#8B8B7A
Yellow1Yellow1255 255 0#FFFF00
Yellow2Yellow2238 238 0#EEEE00
Yellow3Yellow3205 205 0#CDCD00
Yellow4Yellow4139 139 0#8B8B00
Gold1Gold1255 215 0#FFD700
Gold2Gold2238 201 0#EEC900
Gold3Gold3205 173 0#CDAD00
Gold4Gold4139 117 0#8B7500
Goldenrod1Goldenrod1255 193 37#FFC125
Goldenrod2Goldenrod2238 180 34#EEB422
Goldenrod3Goldenrod3205 155 29#CD9B1D
Goldenrod4Goldenrod4139 105 20#8B6914
DarkGoldenrod1DarkGoldenrod1255 185 15#FFB90F
DarkGoldenrod2DarkGoldenrod2238 173 14#EEAD0E
DarkGoldenrod3DarkGoldenrod3205 149 12#CD950C
DarkGoldenrod4DarkGoldenrod4139 101 8#8B658B
RosyBrown1RosyBrown1255 193 193#FFC1C1
RosyBrown2RosyBrown2238 180 180#EEB4B4
RosyBrown3RosyBrown3205 155 155#CD9B9B
RosyBrown4RosyBrown4139 105 105#8B6969
IndianRed1IndianRed1255 106 106#FF6A6A
IndianRed2IndianRed2238 99 99#EE6363
IndianRed3IndianRed3205 85 85#CD5555
IndianRed4IndianRed4139 58 58#8B3A3A
Sienna1Sienna1255 130 71#FF8247
Sienna2Sienna2238 121 66#EE7942
Sienna3Sienna3205 104 57#CD6839
Sienna4Sienna4139 71 38#8B4726
Burlywood1Burlywood1255 211 155#FFD39B
Burlywood2Burlywood2238 197 145#EEC591
Burlywood3Burlywood3205 170 125#CDAA7D
Burlywood4Burlywood4139 115 85#8B7355
Wheat1Wheat1255 231 186#FFE7BA
Wheat2Wheat2238 216 174#EED8AE
Wheat3Wheat3205 186 150#CDBA96
Wheat4Wheat4139 126 102#8B7E66
Tan1Tan1255 165 79#FFA54F
Tan2Tan2238 154 73#EE9A49
Tan3Tan3205 133 63#CD853F
Tan4Tan4139 90 43#8B5A2B
Chocolate1Chocolate1255 127 36#FF7F24
Chocolate2Chocolate2238 118 33#EE7621
Chocolate3Chocolate3205 102 29#CD661D
Chocolate4Chocolate4139 69 19#8B4513
Firebrick1Firebrick1255 48 48#FF3030
Firebrick2Firebrick2238 44 44#EE2C2C
Firebrick3Firebrick3205 38 38#CD2626
Firebrick4Firebrick4139 26 26#8B1A1A
Brown1Brown1255 64 64#FF4040
Brown2Brown2238 59 59#EE3B3B
Brown3Brown3205 51 51#CD3333
Brown4Brown4139 35 35#8B2323
Salmon1Salmon1255 140 105#FF8C69
Salmon2Salmon2238 130 98#EE8262
Salmon3Salmon3205 112 84#CD7054
Salmon4Salmon4139 76 57#8B4C39
LightSalmon1LightSalmon1255 160 122#FFA07A
LightSalmon2LightSalmon2238 149 114#EE9572
LightSalmon3LightSalmon3205 129 98#CD8162
LightSalmon4LightSalmon4139 87 66#8B5742
Orange1Orange1255 165 0#FFA500
Orange2Orange2238 154 0#EE9A00
Orange3Orange3205 133 0#CD8500
Orange4Orange4139 90 0#8B5A00
DarkOrange1DarkOrange1255 127 0#FF7F00
DarkOrange2DarkOrange2238 118 0#EE7600
DarkOrange3DarkOrange3205 102 0#CD6600
DarkOrange4DarkOrange4139 69 0#8B4500
Coral1Coral1255 114 86#FF7256
Coral2Coral2238 106 80#EE6A50
Coral3Coral3205 91 69#CD5B45
Coral4Coral4139 62 47#8B3E2F
Tomato1Tomato1255 99 71#FF6347
Tomato2Tomato2238 92 66#EE5C42
Tomato3Tomato3205 79 57#CD4F39
Tomato4Tomato4139 54 38#8B3626
OrangeRed1OrangeRed1255 69 0#FF4500
OrangeRed2OrangeRed2238 64 0#EE4000
OrangeRed3OrangeRed3205 55 0#CD3700
OrangeRed4OrangeRed4139 37 0#8B2500
Red1Red1255 0 0#FF0000
Red2Red2238 0 0#EE0000
Red3Red3205 0 0#CD0000
Red4Red4139 0 0#8B0000
DeepPink1DeepPink1255 20 147#FF1493
DeepPink2DeepPink2238 18 137#EE1289
DeepPink3DeepPink3205 16 118#CD1076
DeepPink4DeepPink4139 10 80#8B0A50
HotPink1HotPink1255 110 180#FF6EB4
HotPink2HotPink2238 106 167#EE6AA7
HotPink3HotPink3205 96 144#CD6090
HotPink4HotPink4139 58 98#8B3A62
Pink1Pink1255 181 197#FFB5C5
Pink2Pink2238 169 184#EEA9B8
Pink3Pink3205 145 158#CD919E
Pink4Pink4139 99 108#8B636C
LightPink1LightPink1255 174 185#FFAEB9
LightPink2LightPink2238 162 173#EEA2AD
LightPink3LightPink3205 140 149#CD8C95
LightPink4LightPink4139 95 101#8B5F65
PaleVioletRed1PaleVioletRed1255 130 171#FF82AB
PaleVioletRed2PaleVioletRed2238 121 159#EE799F
PaleVioletRed3PaleVioletRed3205 104 137#CD6889
PaleVioletRed4PaleVioletRed4139 71 93#8B475D
Maroon1Maroon1255 52 179#FF34B3
Maroon2Maroon2238 48 167#EE30A7
Maroon3Maroon3205 41 144#CD2990
Maroon4Maroon4139 28 98#8B1C62
VioletRed1VioletRed1255 62 150#FF3E96
VioletRed2VioletRed2238 58 140#EE3A8C
VioletRed3VioletRed3205 50 120#CD3278
VioletRed4VioletRed4139 34 82#8B2252
Magenta1Magenta1255 0 255#FF00FF
Magenta2Magenta2238 0 238#EE00EE
Magenta3Magenta3205 0 205#CD00CD
Magenta4Magenta4139 0 139#8B008B
Orchid1Orchid1255 131 250#FF83FA
Orchid2Orchid2238 122 233#EE7AE9
Orchid3Orchid3205 105 201#CD69C9
Orchid4Orchid4139 71 137#8B4789
Plum1Plum1255 187 255#FFBBFF
Plum2Plum2238 174 238#EEAEEE
Plum3Plum3205 150 205#CD96CD
Plum4Plum4139 102 139#8B668B
MediumOrchid1MediumOrchid1224 102 255#E066FF
MediumOrchid2MediumOrchid2209 95 238#D15FEE
MediumOrchid3MediumOrchid3180 82 205#B452CD
MediumOrchid4MediumOrchid4122 55 139#7A378B
DarkOrchid1DarkOrchid1191 62 255#BF3EFF
DarkOrchid2DarkOrchid2178 58 238#B23AEE
DarkOrchid3DarkOrchid3154 50 205#9A32CD
DarkOrchid4DarkOrchid4104 34 139#68228B
Purple1Purple1155 48 255#9B30FF
Purple2Purple2145 44 238#912CEE
Purple3Purple3125 38 205#7D26CD
Purple4Purple485 26 139#551A8B
MediumPurple1MediumPurple1171 130 255#AB82FF
MediumPurple2MediumPurple2159 121 238#9F79EE
MediumPurple3MediumPurple3137 104 205#8968CD
MediumPurple4MediumPurple493 71 139#5D478B
Thistle1Thistle1255 225 255#FFE1FF
Thistle2Thistle2238 210 238#EED2EE
Thistle3Thistle3205 181 205#CDB5CD
Thistle4Thistle4139 123 139#8B7B8B
grey11grey1128 28 28#1C1C1C
grey21grey2154 54 54#363636
grey31grey3179 79 79#4F4F4F
grey41grey41105 105 105#696969
grey51grey51130 130 130#828282
grey61grey61156 156 156#9C9C9C
grey71grey71181 181 181#B5B5B5
gray81gray81207 207 207#CFCFCF
gray91gray91232 232 232#E8E8E8
DarkGreyDarkGrey169 169 169#A9A9A9
DarkBlueDarkBlue0 0 139#00008B
DarkCyanDarkCyan0 139 139#008B8B
DarkMagentaDarkMagenta139 0 139#8B008B
DarkRedDarkRed139 0 0#8B0000
LightGreenLightGreen144 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.

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

.