Таблица html кодов цветов: Коды цветов html css палитра

Содержание

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

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

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

Версия: xhtml | wml | Web

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

Имя цвета в HTML и CSS	HEX	RGB
Красные тона:
IndianRed	#CD5C5C	205, 92, 92
LightCoral	#F08080	240, 128, 128
Salmon	#FA8072	250, 128, 114
DarkSalmon	#E9967A	233, 150, 122
LightSalmon	#FFA07A	255, 160, 122
Crimson	#DC143C	220, 20, 60
Red	#FF0000	255, 0, 0
FireBrick	#B22222	178, 34, 34
DarkRed	#8B0000	139, 0, 0
Розовые тона:
Pink	#FFC0CB	255, 192, 203
LightPink	#FFB6C1	255, 182, 193
HotPink	#FF69B4	255, 105, 180
DeepPink	#FF1493	255, 20, 147
MediumVioletRed	#C71585	199, 21, 133
PaleVioletRed	#DB7093	219, 112, 147
Оранжевые тона:
LightSalmon	#FFA07A	255, 160, 122
Coral	#FF7F50	255, 127, 80
Tomato	#FF6347	255, 99, 71
OrangeRed	#FF4500	255, 69, 0
DarkOrange	#FF8C00	255, 140, 0
Orange	#FFA500	255, 165, 0
Жёлтые тона:
Gold	#FFD700	255, 215, 0
Yellow	#FFFF00	255, 255, 0
LightYellow	#FFFFE0	255, 255, 224
LemonChiffon	#FFFACD	255, 250, 205
LightGoldenrodYellow	#FAFAD2	250, 250, 210
PapayaWhip	#FFEFD5	255, 239, 213
Moccasin	#FFE4B5	255, 228, 181
PeachPuff	#FFDAB9	255, 218, 185
PaleGoldenrod	#EEE8AA	238, 232, 170
Khaki	#F0E68C	240, 230, 140
DarkKhaki	#BDB76B	189, 183, 107
Фиолетовые тона:
Lavender	#E6E6FA	230, 230, 250
Thistle	#D8BFD8	216, 191, 216
Plum	#DDA0DD	221, 160, 221
Violet	#EE82EE	238, 130, 238
Orchid	#DA70D6	218, 112, 214
Fuchsia	#FF00FF	255, 0, 255
Magenta	#FF00FF	255, 0, 255
MediumOrchid	#BA55D3	186, 85, 211
MediumPurple	#9370DB	147, 112, 219
BlueViolet	#8A2BE2	138, 43, 226
DarkViolet	#9400D3	148, 0, 211
DarkOrchid	#9932CC	153, 50, 204
DarkMagenta	#8B008B	139, 0, 139
Purple	#800080	128, 0, 128
Indigo	#4B0082	75, 0, 130
SlateBlue	#6A5ACD	106, 90, 205
DarkSlateBlue	#483D8B	72, 61, 139
Коричневые тона:
Cornsilk	#FFF8DC	255, 248, 220
BlanchedAlmond	#FFEBCD	255, 235, 205
Bisque	#FFE4C4	255, 228, 196
NavajoWhite	#FFDEAD	255, 222, 173
Wheat	#F5DEB3	245, 222, 179
BurlyWood	#DEB887	222, 184, 135
Tan	#D2B48C	210, 180, 140
RosyBrown	#BC8F8F	188, 143, 143
SandyBrown	#F4A460	244, 164, 96
Goldenrod	#DAA520	218, 165, 32
DarkGoldenRod	#B8860B	184, 134, 11
Peru	#CD853F	205, 133, 63
Chocolate	#D2691E	210, 105, 30
SaddleBrown	#8B4513	139, 69, 19
Sienna	#A0522D	160, 82, 45
Brown	#A52A2A	165, 42, 42
Maroon	#800000	128, 0, 0
Основные цвета:
Black	#000000	0, 0, 0
Gray	#808080	128, 128, 128
Silver	#C0C0C0	192, 192, 192
White	#FFFFFF	255, 255, 255

Fuchsia	#FF00FF	255, 0, 255
Purple	#800080	128, 0, 128
Red	#FF0000	255, 0, 0
Maroon	#800000	128, 0, 0

Yellow	#FFFF00	205, 92, 92
Olive	#808000	240, 128, 128
Lime	#00FF00	250, 128, 114
Green	#008000	233, 150, 122

Aqua	#00FFFF	205, 92, 92
Teal	#008080	240, 128, 128
Blue	#0000FF	250, 128, 114
Navy	#000080	233, 150, 122

Имя цвета в HTML и CSS	HEX	RGB
Зелёные тона:
GreenYellow	#ADFF2F	173, 255, 47
Chartreuse	#7FFF00	127, 255, 0
LawnGreen	#7CFC00	124, 252, 0
Lime	#00FF00	0, 255, 0
LimeGreen	#32CD32	50, 205, 50
PaleGreen	#98FB98	152, 251, 152
LightGreen	#90EE90	144, 238, 144
MediumSpringGreen	#00FA9A	0, 250, 154
SpringGreen	#00FF7F	0, 255, 127
MediumSeaGreen	#3CB371	60, 179, 113
SeaGreen	#2E8B57	46, 139, 87
ForestGreen	#228B22	34, 139, 34
Green	#008000	0, 128, 0
DarkGreen	#006400	0, 100, 0
YellowGreen	#9ACD32	154, 205, 50
OliveDrab	#6B8E23	107, 142, 35
Olive	#808000	128, 128, 0
DarkOliveGreen	#556B2F	85, 107, 47
MediumAquamarine	#66CDAA	102, 205, 170
DarkSeaGreen	#8FBC8F	143, 188, 143
LightSeaGreen	#20B2AA	32, 178, 170
DarkCyan	#008B8B	0, 139, 139
Teal	#008080	0, 128, 128
Синие тона:
Aqua	#00FFFF	0, 255, 255
Cyan	#00FFFF	0, 255, 255
LightCyan	#E0FFFF	224, 255, 255
PaleTurquoise	#AFEEEE	175, 238, 238
Aquamarine	#7FFFD4	127, 255, 212
Turquoise	#40E0D0	64, 224, 208
MediumTurquoise	#48D1CC	72, 209, 204
DarkTurquoise	#00CED1	0, 206, 209
CadetBlue	#5F9EA0	95, 158, 160
SteelBlue	#4682B4	70, 130, 180
LightSteelBlue	#B0C4DE	176, 196, 222
PowderBlue	#B0E0E6	176, 224, 230
LightBlue	#ADD8E6	173, 216, 230
SkyBlue	#87CEEB	135, 206, 235
LightSkyBlue	#87CEFA	135, 206, 250
DeepSkyBlue	#00BFFF	0, 191, 255
DodgerBlue	#1E90FF	30, 144, 255
CornflowerBlue	#6495ED	100, 149, 237
MediumSlateBlue	#7B68EE	123, 104, 238
RoyalBlue	#4169E1	65, 105, 225
Blue	#0000FF	0, 0, 255
MediumBlue	#0000CD	0, 0, 205
DarkBlue	#00008B	0, 0, 139
Navy	#000080	0, 0, 128
MidnightBlue	#191970	25, 25, 112
Белые тона:
White	#FFFFFF	255, 255, 255
Snow	#FFFAFA	255, 250, 250
Honeydew	#F0FFF0	240, 255, 240
MintCream	#F5FFFA	245, 255, 250
Azure	#F0FFFF	240, 255, 255
AliceBlue	#F0F8FF	240, 248, 255
GhostWhite	#F8F8FF	248, 248, 255
WhiteSmoke	#F5F5F5	245, 245, 245
Seashell	#FFF5EE	255, 245, 238
Beige	#F5F5DC	245, 245, 220
OldLace	#FDF5E6	253, 245, 230
FloralWhite	#FFFAF0	255, 250, 240
Ivory	#FFFFF0	255, 255, 240
AntiqueWhite	#FAEBD7	250, 235, 215
Linen	#FAF0E6	250, 240, 230
LavenderBlush	#FFF0F5	255, 240, 245
MistyRose	#FFE4E1	255, 228, 225
Серые тона:
Gainsboro	#DCDCDC	220, 220, 220
LightGrey	#D3D3D3	211, 211, 211
LightGray	#D3D3D3	211, 211, 211
Silver	#C0C0C0	192, 192, 192
DarkGray	#A9A9A9	169, 169, 169
DarkGrey	#A9A9A9	169, 169, 169
Gray	#808080	128, 128, 128
Grey	#808080	128, 128, 128
DimGray	#696969	105, 105, 105
DimGrey	#696969	105, 105, 105
LightSlateGray	#778899	119, 136, 153
LightSlateGrey	#778899	119, 136, 153
SlateGray	#708090	112, 128, 144
SlateGrey	#708090	112, 128, 144
DarkSlateGray	#2F4F4F	47, 79, 79
DarkSlateGrey	#2F4F4F	47, 79, 79
Black	#000000	0, 0, 0

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

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

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

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

Узнать все свойства, значение и описание 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). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

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

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

задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
задание с помощью ввода названия цвета в коде 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 цветов

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

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

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

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

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

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

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

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

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

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

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

ktonanovenkogo.ru

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

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

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

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

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

Задав код цвета палитры для страницы в Html коде, определив яркость цветов RGB при помощи шестнадцатеричной системы исчисления
Задав цвета в 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 Серый кирпич Полевой шпат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

цветовых таблиц 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]

8-й

7-й

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

# 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 атрибут bgcolor в сочетании с трехзначным шестнадцатеричным кодом цвета
6-значный шестнадцатеричный код цвета, используемый с атрибутом HTML bgcolor
HTML-атрибут bgcolor, используемый с цветовым кодом RGB
Трехзначный шестнадцатеричный цветовой код, используемый вместе со свойством CSS background-color
CSS свойство background-color, используемое с шестизначным шестнадцатеричным кодом цвета
CSS свойство background-color в сочетании с цветовым кодом RGB

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

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

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

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

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

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

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

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

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

 <таблица>

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

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

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

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

 <таблица>

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

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

Простой стол

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

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

Вложенная таблица

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

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

Заключение

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

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

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

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

Таблица html кодов цветов: Коды цветов html css палитра

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

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

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

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

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

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

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

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

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

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

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

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

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

Material Design

iOS

Windows

Twitter

Flat UI

Firefox

Flattastic

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

Написание

Цвет

R G B

Код для HTML

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

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

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

Написание

Пример

R G B

HEX

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

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

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

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

Результат

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример кода

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

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

Пример кода

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Простой стол

Вложенная таблица

Заключение

Добавить комментарий Отменить ответ

Рубрики

Рубрики