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

Содержание

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 цвета - таблица HTML кодов цветов

На этой странице представлены html цвета. Очень часто при верстке HTML страниц приходится задавать цвет тем или иным элементам на странице, в данной таблице приведены html и RGB коды цветов и их буквенное написание.

При изучении уроков по HTML или CSS вам часто придется прибегать к помощи данной таблицы. В HTML и CSS предусмотрено два способа  определения цвета:    - буквенное написание цвета, оно представлено в первом столбце;
- с помощью указания HTML кода цвета, оно представлено в третьем столбце.

Буквенное написание

Цвет

HTML коды

RGB коды

Snow

#FFFAFA

255 250 250

GhostWhite

#F8F8FF

248 248 255

WhiteSmoke

#F5F5F5

245 245 245

Gainsboro

#DCDCDC

220 220 220

FloralWhite

#FFFAF0

255 250 240

OldLace

#FDF5E6

253 245 230

Linen

#FAF0E6

250 240 230

AntiqueWhite

#FAEBD7

250 235 215

PapayaWhip

#FFEFD5

255 239 213

BlanchedAlmond

#FFEBCD

255 235 205

Bisque

#FFE4C4

255 228 196

PeachPuff

#FFDAB9

255 218 185

NavajoWhite

#FFDEAD

255 222 173

Moccasin

#FFE4B5

255 228 181

Cornsilk

#FFF8DC

255 248 220

Ivory

#FFFFF0

255 255 240

LemonChiffon

#FFFACD

255 250 205

Seashell

#FFF5EE

255 245 238

Honeydew

#F0FFF0

240 255 240

MintCream

#F5FFFA

245 255 250

Azure

#F0FFFF

240 255 255

AliceBlue

#F0F8FF

240 248 255

lavender

#E6E6FA

230 230 250

LavenderBlush

#FFF0F5

255 240 245

MistyRose

#FFE4E1

255 228 225

White

#FFFFFF

255 255 255

Black

#000000

0 0 0

DarkSlateGray

#2F4F4F

47 79 79

DimGrey

#696969

105 105 105

SlateGrey

#708090

112 128 144

LightSlateGray

#778899

119 136 153

Grey

#BEBEBE

190 190 190

LightGray

#D3D3D3

211 211 211

MidnightBlue

#191970

25 25 112

NavyBlue

#000080

0 0 128

CornflowerBlue

#6495ED

100 149 237

DarkSlateBlue

#483D8B

72 61 139

SlateBlue

#6A5ACD

106 90 205

MediumSlateBlue

#7B68EE

123 104 238

LightSlateBlue

#8470FF

132 112 255

MediumBlue

#0000CD

0 0 205

RoyalBlue

#4169E1

65 105 225

Blue

#0000FF

0 0 255

DodgerBlue

#1E90FF

30 144 255

DeepSkyBlue

#00BFFF

0 191 255

SkyBlue

#87CEEB

135 206 235

LightSkyBlue

#87CEFA

135 206 250

SteelBlue

#4682B4

70 130 180

LightSteelBlue

#B0C4DE

176 196 222

LightBlue

#ADD8E6

173 216 230

PowderBlue

#B0E0E6

176 224 230

PaleTurquoise

#AFEEEE

175 238 238

DarkTurquoise

#00CED1

0 206 209

MediumTurquoise

#48D1CC

72 209 204

Turquoise

#40E0D0

64 224 208

Cyan

#00FFFF

0 255 255

LightCyan

#E0FFFF

224 255 255

CadetBlue

#5F9EA0

95 158 160

MediumAquamarine

#66CDAA

102 205 170

Aquamarine

#7FFFD4

127 255 212

DarkGreen

#006400

0 100 0

DarkOliveGreen

#556B2F

85 107 47

DarkSeaGreen

#8FBC8F

143 188 143

SeaGreen

#2E8B57

46 139 87

MediumSeaGreen

#3CB371

60 179 113

LightSeaGreen

#20B2AA

32 178 170

PaleGreen

#98FB98

152 251 152

SpringGreen

#00FF7F

0 255 127

LawnGreen

#7CFC00

124 252 0

Green

#00FF00

0 255 0

Chartreuse

#7FFF00

127 255 0

MedSpringGreen

#00FA9A

0 250 154

GreenYellow

#ADFF2F

173 255 47

LimeGreen

#32CD32

50 205 50

YellowGreen

#9ACD32

154 205 50

ForestGreen

#228B22

34 139 34

OliveDrab

#6B8E23

107 142 35

DarkKhaki

#BDB76B

189 183 107

PaleGoldenrod

#EEE8AA

238 232 170

LtGoldenrodYello

#FAFAD2

250 250 210

LightYellow

#FFFFE0

255 255 224

Yellow

#FFFF00

255 255 0

Gold

#FFD700

255 215 0

LightGoldenrod

#EEDD82

238 221 130

goldenrod

#DAA520

218 165 32

DarkGoldenrod

#B8860B

184 134 11

RosyBrown

#BC8F8F

188 143 143

IndianRed

#CD5C5C

205 92 92

SaddleBrown

#8B4513

139 69 19

Sienna

#A0522D

160 82 45

Peru

#CD853F

205 133 63

Burlywood

#DEB887

222 184 135

Beige

#F5F5DC

245 245 220

Wheat

#F5DEB3

245 222 179

SandyBrown

#F4A460

244 164 96

Tan

#D2B48C

210 180 140

Chocolate

#D2691E

210 105 30

Firebrick

#B22222

178 34 34

Brown

#A52A2A

165 42 42

DarkSalmon

#E9967A

233 150 122

Salmon

#FA8072

250 128 114

LightSalmon

#FFA07A

255 160 122

Orange

#FFA500

255 165 0

DarkOrange

#FF8C00

255 140 0

Coral

#FF7F50

255 127 80

LightCoral

#F08080

240 128 128

Tomato

#FF6347

255 99 71

OrangeRed

#FF4500

255 69 0

Red

#FF0000

255 0 0

HotPink

#FF69B4

255 105 180

DeepPink

#FF1493

255 20 147

Pink

#FFC0CB

255 192 203

LightPink

#FFB6C1

255 182 193

PaleVioletRed

#DB7093

219 112 147

Maroon

#B03060

176 48 96

MediumVioletRed

#C71585

199 21 133

VioletRed

#D02090

208 32 144

Magenta

#FF00FF

255 0 255

Violet

#EE82EE

238 130 238

Plum

#DDA0DD

221 160 221

Orchid

#DA70D6

218 112 214

MediumOrchid

#BA55D3

186 85 211

DarkOrchid

#9932CC

153 50 204

DarkViolet

#9400D3

148 0 211

BlueViolet

#8A2BE2

138 43 226

Purple

#A020F0

160 32 240

MediumPurple

#9370DB

147 112 219

Thistle

#D8BFD8

216 191 216

Snow1

#FFFAFA

255 250 250

Snow2

#EEE9E9

238 233 233

Snow3

#CDC9C9

205 201 201

Snow4

#8B8989

139 137 137

Seashell1

#FFF5EE

255 245 238

Seashell2

#EEE5DE

238 229 222

Seashell3

#CDC5BF

205 197 191

Seashell4

#8B8682

139 134 130

AntiqueWhite1

#FFEFDB

255 239 219

AntiqueWhite2

#EEDFCC

238 223 204

AntiqueWhite3

#CDC0B0

205 192 176

AntiqueWhite4

#8B8378

139 131 120

Bisque1

#FFE4C4

255 228 196

Bisque2

#EED5B7

238 213 183

Bisque3

#CDB79E

205 183 158

Bisque4

#8B7D6B

139 125 107

PeachPuff1

#FFDAB9

255 218 185

PeachPuff2

#EECBAD

238 203 173

PeachPuff3

#CDAF95

205 175 149

PeachPuff4

#8B7765

139 119 101

NavajoWhite1

#FFDEAD

255 222 173

NavajoWhite2

#EECFA1

238 207 161

NavajoWhite3

#CDB38B

205 179 139

NavajoWhite4

#8B795E

139 121 94

LemonChiffon1

#FFFACD

255 250 205

LemonChiffon2

#EEE9BF

238 233 191

LemonChiffon3

#CDC9A5

205 201 165

LemonChiffon4

#8B8970

139 137 112

Cornsilk1

#FFF8DC

255 248 220

Cornsilk2

#EEE8CD

238 232 205

Cornsilk3

#CDC8B1

205 200 177

Cornsilk4

#8B8878

139 136 120

vory1

#FFFFF0

255 255 240

vory2

#EEEEE0

238 238 224

Ivory3

#CDCDC1

205 205 193

Ivory4

#8B8B83

139 139 131

Honeydew1

#F0FFF0

240 255 240

Honeydew2

#E0EEE0

224 238 224

Honeydew3

#C1CDC1

193 205 193

Honeydew4

#838B83

131 139 131

LavenderBlush2

#FFF0F5

255 240 245

LavenderBlush3

#EEE0E5

238 224 229

LavenderBlush4

#CDC1C5

205 193 197

LavenderBlush5

#8B8386

139 131 134

MistyRose1

#FFE4E1

255 228 225

MistyRose2

#EED5D2

238 213 210

MistyRose3

#CDB7B5

205 183 181

MistyRose4

#8B7D7B

139 125 123

Azure1

#F0FFFF

240 255 255

Azure2

#E0EEEE

224 238 238

Azure3

#C1CDCD

193 205 205

Azure4

#838B8B

131 139 139

SlateBlue1

#836FFF

131 111 255

SlateBlue2

#7A67EE

122 103 238

SlateBlue3

#6959CD

105 89 205

SlateBlue4

#473C8B

71 60 139

RoyalBlue1

#4876FF

72 118 255

RoyalBlue2

#436EEE

67 110 238

RoyalBlue3

#3A5FCD

58 95 205

RoyalBlue4

#27408B

39 64 139

Blue1

#0000FF

0 0 255

Blue2

#0000EE

0 0 238

Blue3

#0000CD

0 0 205

Blue4

#00008B

0 0 139

DodgerBlue1

#1E90FF

30 144 255

DodgerBlue2

#1C86EE

28 134 238

DodgerBlue3

#1874CD

24 116 205

DodgerBlue4

#104E8B

16 78 139

SteelBlue1

#63B8FF

99 184 255

SteelBlue2

#5CACEE

92 172 238

SteelBlue3

#4F94CD

79 148 205

SteelBlue4

#36648B

54 100 139

DeepSkyBlue1

#00BFFF

0 191 255

DeepSkyBlue2

#00B2EE

0 178 238

DeepSkyBlue3

#009ACD

0 154 205<;/div>

DeepSkyBlue4

#00688B

0 104 139

SkyBlue1

#87CEFF

135 206 255

SkyBlue2

#7EC0EE

126 192 238

SkyBlue3

#6CA6CD

108 166 205

SkyBlue4

#4A708B

74 112 139

LightSkyBlue1

#B0E2FF

176 226 255

LightSkyBlue2

#A4D3EE

164 211 238

LightSkyBlue3

#8DB6CD

141 182 205

LightSkyBlue4

#607B8B

96 123 139

SlateGray1

#C6E2FF

198 226 255

SlateGray2

#B9D3EE

185 211 238

SlateGray3

#9FB6CD

159 182 205

SlateGray4

#6C7B8B

108 123 139

LightSteelBlue1

#CAE1FF

202 225 255

LightSteelBlue2

#BCD2EE

188 210 238

LightSteelBlue3

#A2B5CD

162 181 205

LightSteelBlue4

#6E7B8B

110 123 139

LightBlue1

#BFEFFF

191 239 255

LightBlue2

#B2DFEE

178 223 238

LightBlue3

#9AC0CD

154 192 205

LightBlue4

#68838B

104 131 139

LightCyan1

#E0FFFF

224 255 255

LightCyan2

#D1EEEE

209 238 238

LightCyan3

#B4CDCD

180 205 205

LightCyan4

#7A8B8B

122 139 139

PaleTurquoise1

#BBFFFF

187 255 255

PaleTurquoise2

#AEEEEE

174 238 238

PaleTurquoise3

#96CDCD

150 205 205

PaleTurquoise4

#668B8B

102 139 139

CadetBlue1

#98F5FF

152 245 255

CadetBlue2

#8EE5EE

142 229 238

CadetBlue3

#7AC5CD

122 197 205

CadetBlue4

#53868B

83 134 139

Turquoise1

#00F5FF

0 245 255

Turquoise2

#00E5EE

0 229 238

Turquoise3

#00C5CD

0 197 205

Turquoise4

#00868B

0 134 139

Cyan1

#00FFFF

0 255 255

Cyan2

#00EEEE

0 238 238

Cyan3

#00CDCD

0 205 205

Cyan4

#008B8B

0 139 139

DarkSlateGray1

#97FFFF

151 255 255

DarkSlateGray2

#8DEEEE

141 238 238

DarkSlateGray3

#79CDCD

121 205 205

DarkSlateGray4

#528B8B

82 139 139

Aquamarine1

#7FFFD4

127 255 212

Aquamarine2

#76EEC6

118 238 198

Aquamarine3

#66CDAA

102 205 170

Aquamarine4

#458B74

69 139 116

DarkSeaGreen1

#C1FFC1

193 255 193

DarkSeaGreen2

#B4EEB4

180 238 180

DarkSeaGreen3

#9BCD9B

155 205 155

DarkSeaGreen4

#698B69

105 139 105

SeaGreen1

#54FF9F

84 255 159

SeaGreen2

#4EEE94

78 238 148

SeaGreen3

#43CD80

67 205 128

SeaGreen4

#2E8B57

46 139 87

PaleGreen1

#9AFF9A

154 255 154

PaleGreen2

#90EE90

144 238 144

PaleGreen3

#7CCD7C

124 205 124

PaleGreen4

#548B54

84 139 84

SpringGreen1

#00FF7F

0 255 127

SpringGreen2

#00EE76

0 238 118

SpringGreen3

#00CD66

0 205 102

SpringGreen4

#008B45

0 139 69

Green1

#00FF00

0 255 0

Green2

#00EE00

0 238 0

Green3

#00CD00

0 205 0

Green4

#008B00

0 139 0

Chartreuse1

#7FFF00

127 255 0

Chartreuse2

#76EE00

118 238 0

Chartreuse3

#66CD00

102 205 0

Chartreuse4

#458B00

69 139 0

OliveDrab1

#C0FF3E

192 255 62

OliveDrab2

#B3EE3A

179 238 58

OliveDrab3

#9ACD32

154 205 50

OliveDrab4

#698B22

105 139 34

DarkOliveGreen1

#CAFF70

202 255 112

DarkOliveGreen2

#BCEE68

188 238 104

DarkOliveGreen3

#A2CD5A

162 205 90

DarkOliveGreen4

#6E8B3D

110 139 61

Khaki1

#FFF68F

255 246 143

Khaki2

#EEE685

238 230 133

Khaki3

#CDC673

205 198 115

Khaki4

#8B864E

139 134 78

LightGoldenrod1

#FFEC8B

255 236 139

LightGoldenrod2

#EEDC82

238 220 130

LightGoldenrod3

#CDBE70

205 190 112

LightGoldenrod4

#8B814C

139 129 76

LightYellow1

#FFFFE0

255 255 224

LightYellow2

#EEEED1

238 238 209

LightYellow3

#CDCDB4

205 205 180

LightYellow4

#8B8B7A

139 139 122

Yellow1

#FFFF00

255 255 0

Yellow2

#EEEE00

238 238 0

Yellow3

#CDCD00

205 205 0

Yellow4

#8B8B00

139 139 0

Gold1

#FFD700

255 215 0

Gold2

#EEC900

238 201 0

Gold3

#CDAD00

205 173 0

Gold4

#8B7500

139 117 0

Goldenrod1

#FFC125

255 193 37

Goldenrod2

#EEB422

238 180 34

Goldenrod3

#CD9B1D

205 155 29

Goldenrod4

#8B6914

139 105 20

DarkGoldenrod1

#FFB90F

255 185 15

DarkGoldenrod2

#EEAD0E

238 173 14

DarkGoldenrod3

#CD950C

205 149 12

DarkGoldenrod4

#8B658B

139 101 8

RosyBrown1

#FFC1C1

255 193 193

RosyBrown2

#EEB4B4

238 180 180

RosyBrown3

#CD9B9B

205 155 155

RosyBrown4

#8B6969

139 105 105

IndianRed1

#FF6A6A

255 106 106

IndianRed2

#EE6363

238 99 99

IndianRed3

#CD5555

205 85 85

IndianRed4

#8B3A3A

139 58 58

Sienna1

#FF8247

255 130 71

Sienna2

#EE7942

238 121 66

Sienna3

#CD6839

205 104 57

Sienna4

#8B4726

139 71 38

Burlywood1

#FFD39B

255 211 155

Burlywood2

#EEC591

238 197 145

Burlywood3

#CDAA7D

205 170 125

Burlywood4

#8B7355

139 115 85

Wheat1

#FFE7BA

255 231 186

Wheat2

#EED8AE

238 216 174

Wheat3

#CDBA96

205 186 150

Wheat4

#8B7E66

139 126 102

Tan1

#FFA54F

255 165 79

Tan2

#EE9A49

238 154 73

Tan3

#CD853F

205 133 63

Tan4

#8B5A2B

139 90 43

Chocolate1

#FF7F24

255 127 36

Chocolate2

#EE7621

238 118 33

Chocolate3

#CD661D

205 102 29

Chocolate4

#8B4513

139 69 19

Firebrick1

#FF3030

255 48 48

Firebrick2

#EE2C2C

238 44 44

Firebrick3

#CD2626

205 38 38

Firebrick4

#8B1A1A

139 26 26

Brown1

#FF4040

255 64 64

Brown2

#EE3B3B

238 59 59

Brown3

#CD3333

205 51 51

Brown4

#8B2323

139 35 35

Salmon1

#FF8C69

255 140 105

Salmon2

#EE8262

238 130 98

Salmon3

#CD7054

205 112 84

Salmon4

#8B4C39

139 76 57

LightSalmon1

#FFA07A

255 160 122

LightSalmon2

#EE9572

238 149 114

LightSalmon3

#CD8162

205 129 98

LightSalmon4

#8B5742

139 87 66

Orange1

#FFA500

255 165 0

Orange2

#EE9A00

238 154 0

Orange3

#CD8500

205 133 0

Orange4

#8B5A00

139 90 0

DarkOrange1

#FF7F00

255 127 0

DarkOrange2

#EE7600

238 118 0

DarkOrange3

#CD6600

205 102 0

DarkOrange4

#8B4500

139 69 0

Coral1

#FF7256

255 114 86

Coral2

#EE6A50

238 106 80

Coral3

#CD5B45

205 91 69

Coral4

#8B3E2F

139 62 47

Tomato1

#FF6347

255 99 71

Tomato2

#EE5C42

238 92 66

Tomato3

#CD4F39

205 79 57

Tomato4

#8B3626

139 54 38

OrangeRed1

#FF4500

255 69 0

OrangeRed2

#EE4000

238 64 0

OrangeRed3

#CD3700

205 55 0

OrangeRed4

#8B2500

139 37 0

Red1

#FF0000

255 0 0

Red2

#EE0000

238 0 0

Red3

#CD0000

205 0 0

Red4

#8B0000

139 0 0

DeepPink1

#FF1493

255 20 147

DeepPink2

#EE1289

238 18 137

DeepPink3

#CD1076

205 16 118

DeepPink4

#8B0A50

139 10 80

HotPink1

#FF6EB4

255 110 180

HotPink2

#EE6AA7

238 106 167

HotPink3

#CD6090

205 96 144

HotPink4

#8B3A62

139 58 98

Pink1

#FFB5C5

255 181 197

Pink2

#EEA9B8

238 169 184

Pink3

#CD919E

205 145 158

Pink4

#8B636C

139 99 108

LightPink1

#FFAEB9

255 174 185

LightPink2

#EEA2AD

238 162 173

LightPink3

#CD8C95

205 140 149

LightPink4

#8B5F65

139 95 101

PaleVioletRed1

#FF82AB

255 130 171

PaleVioletRed2

#EE799F

238 121 159

PaleVioletRed3

#CD6889

205 104 137

PaleVioletRed4

#8B475D

139 71 93

Maroon1

#FF34B3

255 52 179

Maroon2

#EE30A7

238 48 167

Maroon3

#CD2990

205 41 144

Maroon4

#8B1C62

139 28 98

VioletRed1

#FF3E96

255 62 150

VioletRed2

#EE3A8C

238 58 140

VioletRed3

#CD3278

205 50 120

VioletRed4

#8B2252

139 34 82

Magenta1

#FF00FF

255 0 255

Magenta2

#EE00EE

238 0 238

Magenta3

#CD00CD

205 0 205

Magenta4

#8B008B

139 0 139

Orchid1

#FF83FA

255 131 250

Orchid2

#EE7AE9

238 122 233

Orchid3

#CD69C9

205 105 201

Orchid4

#8B4789

139 71 137

Plum1

#FFBBFF

255 187 255

Plum2

#EEAEEE

238 174 238

Plum3

#CD96CD

205 150 205

Plum4

#8B668B

139 102 139

MediumOrchid1

#E066FF

224 102 255

MediumOrchid2

#D15FEE

209 95 238

MediumOrchid3

#B452CD

180 82 205

MediumOrchid4

#7A378B

122 55 139

DarkOrchid1

#BF3EFF

191 62 255

DarkOrchid2

#B23AEE

178 58 238

DarkOrchid3

#9A32CD

154 50 205

DarkOrchid4

#68228B

104 34 139

Purple1

#9B30FF

155 48 255

Purple2

#912CEE

145 44 238

Purple3

#7D26CD

125 38 205

Purple4

#551A8B

85 26 139

MediumPurple1

#AB82FF

171 130 255

MediumPurple2

#9F79EE

159 121 238

MediumPurple3

#8968CD

137 104 205

MediumPurple4

#5D478B

93 71 139

Thistle1

#FFE1FF

255 225 255

Thistle2

#EED2EE

238 210 238

Thistle3

#CDB5CD

205 181 205

Thistle4

#8B7B8B

139 123 139

grey11

#1C1C1C

28 28 28

grey21

#363636

54 54 54

grey31

#4F4F4F

79 79 79

grey41

#696969

105 105 105

grey51

#828282

130 130 130

grey61

#9C9C9C

156 156 156

grey71

#B5B5B5

181 181 181

gray81

#CFCFCF

207 207 207

gray91

#E8E8E8

232 232 232

DarkGrey

#A9A9A9

169 169 169

DarkBlue

#00008B

0 0 139

DarkCyan

#008B8B

0 139 139

DarkMagenta

#8B008B

139 0 139

DarkRed

#8B0000

139 0 0

LightGreen

#90EE90

144 238 144

Рекомендуем ознакомиться:

Подробности

Обновлено: 04 Сентябрь 2013

Создано: 12 Январь 2010

Просмотров: 100778

HTML - Цвета - CoderLessons.com

Цвета очень важны, чтобы придать вашему сайту хороший внешний вид. Вы можете указать цвета на уровне страницы, используя тег <body>, или вы можете установить цвета для отдельных тегов, используя атрибут bgcolor .

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

  • bgcolor — устанавливает цвет фона страницы.

  • текст — устанавливает цвет для основного текста.

  • alink — устанавливает цвет для активных или выбранных ссылок.

  • ссылка — устанавливает цвет для связанного текста.

  • vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

bgcolor — устанавливает цвет фона страницы.

текст — устанавливает цвет для основного текста.

alink — устанавливает цвет для активных или выбранных ссылок.

ссылка — устанавливает цвет для связанного текста.

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

Методы цветового кодирования HTML

Существует три способа настройки цвета на вашей веб-странице:

  • Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.

  • Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.

  • Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.

Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.

Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Теперь мы увидим эти раскраски одну за другой.

HTML Colors — Названия цветов

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

Примечание. Проверьте полный список имен цветов HTML.

Стандарт W3C 16 цветов

Вот список имен W3C Standard 16 Colours, и их рекомендуется использовать.

черный Серый Серебряный белый
желтый Лайм вода фуксия
красный зеленый синий Пурпурный
каштановый оливковый флот чирок

пример

Вот примеры для установки фона тега HTML по имени цвета —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result.</p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

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

Шестнадцатеричное — это 6-значное представление цвета. Первые две цифры (RR) представляют значение красного цвета, следующие две — значение зеленого цвета (GG), а последние — значение синего (BB).

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Paintshop Pro или MS Paint.

Каждому шестнадцатеричному коду будет предшествовать знак фунта или хеша #. Ниже приведен список нескольких цветов с использованием шестнадцатеричной записи.

цвет Цвет HEX
# 000000
# FF0000
# 00FF00
# 0000FF
# FFFF00
# 00FFFF
# FF00FF
# C0C0C0
#FFFFFF

пример

Вот примеры для установки фона тега HTML по цветному коду в шестнадцатеричном формате —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result.</p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — значения RGB

Это значение цвета указывается с помощью свойства rgb () . Это свойство принимает три значения, по одному для красного, зеленого и синего. Значение может быть целым числом от 0 до 255 или в процентах.

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

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

Ниже приведен список, показывающий несколько цветов с использованием значений RGB.

цвет Цвет RGB
RGB (0,0,0)
RGB (255,0,0)
RGB (0,255,0)
RGB (0,0,255)
RGB (255,255,0)
RGB (0255255)
RGB (255,0,255)
RGB (192192192)
RGB (255,255,255)

пример

Вот примеры для установки фона тега HTML с помощью цветового кода с использованием значений rgb () —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result.</p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Браузер Безопасные Цвета

Вот список из 216 цветов, которые должны быть самыми безопасными и независимыми от компьютера. Эти цвета очень от гекса кода 000000 до FFFFFF, и они будут поддерживаться всеми компьютерами, имеющими 256 цветовую палитру.

Как узнать цвет пикселя картинки и его html код

Здравствуй, мой любимый читатель блога FairHeart.ru! При верстке сайтов и работе в графических редакторов я часто сталкиваюсь с проблемой подбора нужного цвета. Очень часто я его беру с какой-то картинки. Чтобы перенести цвет с картинки, нужно узнать ее html код. В этой статья я вам расскажу, как узнать цвет пикселя картинки буквально за пару секунд!

Ключ к этому кроется в бесплатной программе pixie. Она занимает всего 12 КБ и даже не требует установки!!! Вот бы все программы были такими Мечты, мечты... Она состоит только из одно файла экзешника — просто скачайте и запустите его.

В центре вашего экрана появляется небольшое меню, в котором отображаются цвет пикселя, на который указывает ваша мышка, его координата и коды. Pixie выдает код цвета сразу в пяти форматах: HEX, HTML, RGB, CMYK и HSV. Если Вы вебмастер, то чаще всего будете работать с форматом HTML. Для удобство возможно скопировать код HTML в буфер обмена, используя горячие клавиши Ctrl+Alt+C.В дальнейшем его можно задействовать в стилях CSS. Лично я так постоянно и делаю.

Помимо этого pixie имеет пару полезных дополнительных возможностей. Первая из них — это возможность увеличить часть экрана, на которую указывает мышка. Для этого используется сочетание клавиш Ctrl+Alt+Z. Эта функция похожа на лупу.

Если «лупой» я пользуюсь не часто, то вторая дополнительная возможность крайне полезна! Нажав Ctrl+Alt+x откроется встроенный цветовой микшер. Он нужен чтобы создавать свою палитру. Признаюсь честно, до знакомства с этой программкой записывал все на бумажке и благополучно ее терял. Pixie смогла переломить эту прискорбную тенденцию.

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

На этом все. Спасибо за внимание и до скорых встреч!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

Цвета в HTML — Как создать сайт

Способы указания цвета в языке HTML

Цвета HTML
HTML цвета и способы их указания

В языке HTML, существует два способа указать цвет:

1. С помощью имени цвета,
2. С помощью системы RGB, где цвета заданы в шестнадцатеричном формате.

Имя цвета

Имя цвета в HTML указывается английскими словами, например red или green. Имя цвета выступает в качестве значения атрибута HTML-тега. Имён цветов очень много, в этой статье мы рассмотрим лишь основные из них.

Обычно для задания цвета, в языке HTML используют два атрибута:

1. Атрибут color="имя_цвета" — цвет текста,
2. Атрибут bgcolor="имя_цвета" — цвет фона.

Примеры использования цветовых атрибутов:
color="red" — назначаем тексту красный цвет,
bgcolor="green" — назначаем фону зелёный цвет.

Таблица основных имён цветов HTML:

Имя цвета Его вид Перевод
white Белый
ivory Слоновая кость
silver Серебряный
gray Серый
black Чёрный
maroon Тёмно-бордовый
red Красный
orange Оранжевый
gold Золотой
yellow Жёлтый
olive Оливковый
lime Лайм
green Зелёный
aqua Морская волна
blue Синий
navy Нави
teal Бирюзовый
fuchsia Фуксиновый
purple Пурпурный

Шестнадцатеричная система счисления

В повседневной жизни мы пользуемся десятичной системой счисления от 0 до 9. Программисты и дизайнеры часто используют шестнадцатеричную систему счисления от 0 до 15, где:

10 = A
11 = B
12 = C
13 = D
14 = E
15 = F

Практически каждый цвет и оттенок видимый нашему зрению можно записать в шестнадцатеричной системе, например красный цвет red (красный) в шестнадцатеричной системе будет равен ff0000

color="red" — красный цвет, по имени,
color="#ff0000" — красный цвет, в шестнадцатеричной системе счисления.

В языке HTML, перед шестнадцатеричным числом, в значении атрибута ставят знак решётки #

RGB

Перед тем как начать указывать цвета в HTML с помощью шестнадцатеричной системы счисления, вам для начала нужно узнать о таком понятии как RGB

RGB — это сокращение от слов Red Green Blue (Красный Зелёный Синий).

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

Где, ff — это 255 в десятичной системе счисления.

Схема RGB:
Red — от 00 до ff
Green — от 00 до ff
Blue — от 00 до ff

В итоге получаем число из шести цифр 000000, где первые два числа отвечают за красный цвет, вторые два числа отвечают за зелёный цвет, третьи два числа отвечают за синий цвет.

Если мы хотим получить красный цвет, то пишем ff0000, зелёный цвет 00ff00, синий цвет 0000ff. Например, если хотим получить тёмно красный цвет, то нужно уменьшить первый блок чисел и вместо ff (который равен в десятичной системе счисления 255), записать например 96 (который равен в десятичной системе счисления 150).

Приведём для наглядности, примеры цветов и их шестнадцатеричный код:

Цвет Его вид Шестнадцатеричный код
Красный #ff0000
Тёмно-красный #960000
Зелёный #00ff00
Тёмно-зелёный #009600
Синий #0000ff
Тёмно-синий #000096
Белый #ffffff
Чёрный #000000

Смешиваем цвета в HTML

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

Цвета, заданные с помощью шестнадцатеричной системы счисления и RGB, тоже можно смешивать:

 Цвет  Его вид Шестнадцатеричный код Что смешали
Желтый #ffff00 Красный и зелёный
Оранжевые оттенки #ff8800 Красный и немного зелёного
Фиолетовый #ff00ff Красный и синий
Фиолетовые оттенки #8800ff Немного красного и синий
Голубой #00aaff Синий и немного зелёного
Голубые оттенки #0055ff Немного зелёного и синий
Серые оттенки #aaaaaa Равномерно смешать все три цвета

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

Программы подбора цвета

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

Читать далее: Единицы измерения в HTML


Дата публикации поста: 5 февраля 2016

Дата обновления поста: 16 октября 2014


Навигация по записям

Цвета для сайта | Подбор цвета сайта

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

Цветовые предпочтения среди мужчин и женщин

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

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

Маркетинговый подход к выбору цвета для сайта

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

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

Цветовые ассоциации

Безопасные цвета для сайта

Наука о цветовосприятии основана на исследованиях, проведенных Исааком Ньютоном. В 1666 году И.Ньютон дал обоснование теории света и цветов, которая легла в основу развития современной оптики, дизайна (в частности и веб дизайна).

Для удобства выбора цветов сайта, разрабатывая бриф (см. страницу брифа на картинке слева), специалисты студии RBS-Webmarket учли рекомендации лидеров рынка и собственные наработки в этой области.

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

В брифе, над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).

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

Пример HTML-код Эквивалентное название Название цвета
  #000000 black Черный
  #000080 navy Темно-синий
  #00008B darkblue Темно-голубой
  #0000CD mediumblue Умеренно-голубой
  #0000FF blue Голубой
  #006400 darkgreen Темно-зеленый
  #008000 green Зеленый
  #008080 teal Чайный
  #008B8B darkcyan Темный циан
  #00BFFF deepskyblue Темный небесно-синий
  #00CED1 darkturquoise Темно-бирюзовый
  #00FA9A mediumspringgreen Умеренный синевато-серый
  #00FF00 lime Известковый
  #00FF7F springgreen Весенний зеленый
  #00FFFF aqua Синий
  #191970 midnightblue Ночной синий
  #1E90FF dodgerblue Тускло-васильковый
  #20B2AA lightseagreen Светлый морской волны
  #228B22 forestgreen Лесной зеленый
  #2E8B57 seagreen Морской волны
  #2F4F4F darkslategray Темный синевато-серый
  #32CD32 limegreen Зеленовато-известковый
  #3CB371 mediumseagreen Умеренный морской волны
  #40E0D0 turquoise Бирюзовый
  #4169E1 royalblue Королевский голубой
  #4682B4 steelblue Голубовато-стальной
  #483D8B darkslateblue Темный серовато-синий
  #48D1CC mediumturquoise Умеренно-бирюзовый
  #4B0082 indigo Индиго
  #556B2F darkolivegreen Темно-оливковый
  #5F9EA0 cadetblue Блеклый серо-голубой
  #6495ED cornflowerblue Васильковый
  #66CDAA mediumaaquamarine Умеренно-аквамариновый
  #696969 dimgray Тускло-серый
  #6A5ACD slateblue Серовато-синий
  #6B8E23 olivedrab Тускло-коричневый
  #708090 slategray Синевато-серый
  #778899 lightslategray Светлый синевато-серый
  #7B68EE mediumslateblue Умеренный серовато-синий
  #7CFC00 lawngreen Зеленой травы
  #7FFF00 chartreuse Фисташковый
  #7FFFD4 aquamarine Аквамарин
  #800000 maroon Оранжево-розовый
  #800080 purple Пурпурный
  #808000 olive Оливковый
  #808080 gray Серый
  #87CEEB skyblue Небесно-голубой
  #87CEFA lightskyblue Светлый небесно-синий
  #8A2BE2 blueviolet Светло-фиолетовый
  #8B0000 darkred Темно-красный
  #8B008B darkmagenta Темный фуксин
  #8B4513 saddlebrown Старой кожи
  #8FBC8F darkseagreen Темный морской волны
  #9370DB mediumpurple Умеренно-пурпурный
  #9400D3 darkviolet Темно-фиолетовый
  #98FB98 palegreen Бледно-зеленый
  #9932CC darkorchid Темно-орхидейный
  #9ACD32 yellowgreen Желто-зеленый
  #9CEE90 lightgreen Светло-зеленый
  #A0522D sienna Охра
  #A52A2A brown Коричневый
  #A9A9A9 darkgray Темно-серый
  #ADD8E6 lightblue Светло-голубой
  #ADFF2F greenyellow Желто-зеленый
  #AFEEEE paleturquise Бледно-бирюзовый
  #B0C4DE lightsteelblue Светло-стальной
  #B0E0E6 powderblue Туманно-голубой
  #B22222 firebrick Огнеупорного кирпича
  #B8860B darkgoldenrod Темный красно-золотой
  #BA55D3 mediumorchid Умеренно-орхидейный
  #BC8F8F rosybrown Розово-коричневый
  #BDB76B darkkhaki Темный хаки
  #C0C0C0 silver Серебристый
  #C71585 mediumvioletred Умеренный красно-фиолетовый
  #CD5C5C indianred Ярко-красный
  #CD853F peru Коричневый
  #D2691E chocolate Шоколадный
  #D2B48C tan Желтовато-коричневый
  #D3D3D3 lightgray Светло-серый
  #D8BFD8 thistle Чертополоха
  #DA70D6 orchid Орхидейный
  #DAA520 goldenrod Красного золота
  #DB7093 plaevioletred Бледный красно-фиолетовый
  #DC143C cornsilk Малиновый
  #DCDCDC fainsboro Светлый серо-фиолетовый
  #DDA0DD plum Сливовый
  #DEB887 burlywood Старого дерева
  #E0FFFF lightcyan Светлый циан
  #E6E6FA lavender Бледно-лиловый
  #E9967A darksalmon Темный оранжево-розовый
  #EE82EE violet Фиолетовый
  #EEE8AA palegoldenrod Бледно-золотой
  #F08080 lightcoral Светло-коралловый
  #F0E68C khaki Хаки
  #F0F8FF aliceBlue Блекло-голубой
  #F0FFF0 honeydew Свежего меда
  #F0FFFF azure Лазурь
  #F4A460 sandybrown Рыже-коричневый
  #F5DEB3 wheat Пшеничный
  #F5F5DC beige Бежевый
  #F5F5F5 whitesmoke Белый дымчатый
  #F5FFFA mintcream Мятно-кремовый
  #F8F8FF ghostwhite Туманно-белый
  #FA8072 salmon Оранжево-розовый
  #FAEBD7 antuqueWhite Античный белый
  #FAF0E6 linen Льняной
  #FDF5E6 oldlace Старого коньяка
  #FF00FF fuchsia Фуксия
  #FF1493 deeppink Темно-розовый
  #FF4500 orangered Красно-оранжевый
  #FF6347 tomato Томатный
  #FF69B4 hotpink Ярко-розовый
  #FF7F50 coral Коралловый
  #FF8C00 darkorange Темно-оранжевый
  #FFA07A lightsalmon Светлый оранжево-розовый
  #FFA500 orange Оранжевый
  #FFB6C1 lightpink Светло-розовый
  #FFC0CB pink Розовый
  #FFD700 gold Золотой
  #FFDAB9 peachpuff Персиковый
  #FFDEAD navajowhite Грязно-серый
  #FFE4B5 moccasin Болотный
  #FFE4C4 bisque Бисквитный
  #FFE4E1 mistyrose Туманно-розовый
  #FFEBCD blanchedalmond Светло-кремовый
  #FFEFD5 papayaawhip Дыни
  #FFF0F5 lavenderblush Бледный розово-лиловый
  #FFF5EE seashell Морской пены
  #FFF8DC cornsilk Темно-зеленый
  #FFFACD lemonchiffon Лимонный
  #FFFAF0 floralwhite Цветочно-белый
  #FFFAFA snow Снежный
  #FFFF00 yellow Желтый
  #FFFFE0 lightyellow Светло-желтый
  #FFFFF0 ivory Слоновой кости
  #FFFFFF white Белый

12 лучших JavaScript плагинов Выбора Цвета (Color Picker)

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

JavaScript плагины помогают найти код любого цвета. Цвет состоит из цветовых кодов. Цветовые коды – это просто значение частоты трех цветов: красного, зеленого и синего. Значение частоты трех цветов колеблется от 0 до 255. Поэтому чем выше указана частота использования одного их цветов, тем больше он будет влиять на формирование окончательного цвета.

Каждый код HTML состоит из символа “#” и 6 букв или цифр. Используется шестнадцатеричная система счисления. Например, “FF” в шестнадцатеричной системе соответствует 255 в десятеричной.

Так первыми двумя символами в коде цвета HTML обозначается насыщенность красного цвета. 00 – наименее насыщенный и FF – наиболее насыщенный. Третий и четвертый символы означают насыщенность зеленого, а пятый и шестой – синего. Таким образом, комбинируя разные по насыщенности оттенки красного, зеленого и синего, мы можем получить любой нужный нам цвет.

Если Вы хотите недорого купить новые оригинальные iPhone, iPad, MacBook, iMac, то iStudio – это один из лучших магазинов техники Apple – iStudio116.ru – рекомендуем!

1. Плагин ColorPicker – Advance JavaScript Color Picker

Сайт плагина: “dematte.at/colorPicker/”
GitHub ссылка: “github.com/PitPik/colorPicker”

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

2. Плагин Evol – ColorPicker

Сайт плагина: “evoluteur.github.io/colorpicker/”
GitHub ссылка: “github.com/evoluteur/colorpicker”

Дизайн данного плагина выбора цвета похож на Microsoft Office 2010 Color picker. Главное преимущество этого плагна является поддержка прозрачного цвета.

3. Плагин JS Color – Javascript Web Color Picker

Сайт плагина: “jscolor.com/”

Плагин обладает супер легкой установкой (в 2-е строчки). Механизм выбора цвета немного отличается – здесь мы вводим код, чтобы увидеть формирование цвета и выбрать нужное его сочетание.

4. Плагин Jquery Color Palette Picker

Сайт плагина: “htmlpreview.github.io/?https://raw.githubusercontent.com/carloscabo/jquery-palette-color-picker/master/demo.html”
GitHub ссылка: “github.com/carloscabo/jquery-palette-color-picker”

Данный плагин облаедет большим количеством полей формы для выбора цвета.

5. Плагин Farbtastic Color Picker

Сайт плагина: “acko.net/blog/farbtastic-jquery-color-picker-plug-in/”

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

6. Плагин Color Picker Jquery Plugin

Сайт плагина: “eyecon.ro/colorpicker/”

Интерфейс выбора цвета похож на интерфейс программы Adobe Photoshop. Как только мы выбираем цвет – коды цвета отображаются в нижнем поле.
Дизайн интерфейса стильный и простой.

7. Плагин Pick-a-color for Twitter Bootstrap

Сайт плагина: “lauren.github.io/pick-a-color/”
GitHub ссылка: “github.com/lauren/pick-a-color”

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

8. Плагин ColorJoe – Scaleable Color Picker

Сайт плагина: “bebraw.github.io/colorjoe/”
GitHub ссылка: “github.com/bebraw/colorjoe”

Выбор цвета дает значения цвета, как только мы выбираем цвет из палитры. Четыре типа выбора цвета доступны здесь. Мы обычно используем первый Выбор цвета one-RGB, так как весь цвет, который мы используем, – это комбинированная форма цвета RGB.

9. Плагин FlexiColor Picker

Сайт плагина: “daviddurman.com/flexi-color-picker/”
GitHub ссылка: “github.com/DavidDurman/FlexiColorPicker”

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

10. Плагин Photoshop-like Javascript Color Picker

Сайт плагина: “johndyer.name/photoshop-like-javascript-color-picker/”
Демонстрационная ссылка: “johndyer.name/lab/colorpicker/”

Интерфейс аналогичен интерфейсу Adobe Photoshop. При выборе цвета мы видим значения для всех цветов: красный, зеленый и синий, кроме того, в низу отображается общий цветовой код.

11. Плагин Simple Jquery Color Picker

Сайт плагина: “plnkr.co/edit/VVclW0?p=preview”
GitHub ссылка: “github.com/tkrotoff/jquery-simplecolorpicker”

Здесь представлены различные типы выбора цвета на веб-странице. Мы можем выбрать конкретный тип из представленных вариантов и использовать его на своем сайте.

12. Плагин Jquery Color Pickers

Сайт плагина: “vanderlee.com/martijn/?page_id=314”
Демонстрационная ссылка: “vanderlee.github.io/colorpicker/”

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

На этом всё! Красивых Вам плагинов!

Шестнадцатеричные цветовые коды HTML

Шестнадцатеричные цветовые коды HTML

Цветовые коды HTML и CSS - шестнадцатеричные

FFF
FFF
CCC
CCC
999
999
666
666
333
333
000
000
FFC
C00
FF9
900
FF6
600
FF3
300
ПЕРЕКЛЮЧЕНИЕ НА ДЕСЯТИЧНЫЙ RGB
ЦВЕТОВЫЕ КОДЫ
99C
C00
CC9
900
FFC
C33
FFC
C66
FF9
966
FF6
633
CC3
300
CC0
033
CCF
F00
CCF
F33
333
300
666
600
999
900
CCC
C00
FFF
F00
CC9
933
CC6
633
330
000
660
000
990
000
CC0
000
FF0
000
FF3
366
FF0
033
99F
F00
CCF
F66
99C
C33
666
633
999
933
CCC
C33
FFF
F33
996
600
993
300
663
333
993
333
CC3
333
FF3
333
CC3
366
FF6
699
FF0
066
66F
F00
99F
F66
66C
C33
669
900
999
966
CCC
C66
FFF
F66
996
633
663
300
996
666
CC6
666
FF6
666
990
033
CC3
399
FF6
6CC
FF0
099
33F
F00
66F
F33
339
900
66C
C00
99F
F33
CCC
C99
FFF
F99
CC9
966
CC6
600
CC9
999
FF9
999
FF3
399
CC0
066
990
066
FF3
3CC
FF0
0CC
00C
C00
33C
C00
336
600
669
933
99C
C66
CCF
F99
FFF
FCC
FFC
C99
FF9
933
FFC
CCC
FF9
9CC
CC6
699
993
366
660
033
CC0
099
330
033
33C
C33
66C
C66
00F
F00
33F
F33
66F
F66
99F
F99
CCF
FCC
CC9
9CC
996
699
993
399
990
099
663
366
660
066
006
600
336
633
009
900
339
933
669
966
99C
C99
FFC
CFF
FF9
9FF
FF6
6FF
FF3
3FF
FF0
0FF
CC6
6CC
CC3
3CC
003
300
00C
C33
006
633
339
966
66C
C99
99F
FCC
CCF
FFF
339
9FF
99C
CFF
CCC
CFF
CC9
9FF
996
6CC
663
399
330
066
990
0CC
CC0
0CC
00F
F33
33F
F66
009
933
00C
C66
33F
F99
99F
FFF
99C
CCC
006
6CC
669
9CC
999
9FF
999
9CC
993
3FF
660
0CC
660
099
CC3
3FF
CC0
0FF
00F
F66
66F
F99
33C
C66
009
966
66F
FFF
66C
CCC
669
999
003
366
336
699
666
6FF
666
6CC
666
699
330
099
993
3CC
CC6
6FF
990
0FF
00F
F99
66F
FCC
33C
C99
33F
FFF
33C
CCC
339
999
336
666
006
699
003
399
333
3FF
333
3CC
333
399
333
366
663
3CC
996
6FF
660
0FF
00F
FCC
33F
FCC
00F
FFF
00C
CCC
009
999
006
666
003
333
339
9CC
336
6CC
000
0FF
000
0CC
000
099
000
066
000
033
663
3FF
330
0FF
00C
C99
© VisiBone, 2021 г. 009
9CC
33C
CFF
66C
CFF
669
9FF
336
6FF
003
3CC
330
0CC
00C
CFF
009
9FF
006
6FF
003
3FF

Общественная служба BobSte.в

HTML Шестнадцатеричный код цвета, код цвета RGB и название цвета

Шестнадцатеричный код цвета HTML, код цвета RGB и название цвета
Название цвета Цвет Шестнадцатеричный код R, G, B
белый #FFFFFF 255,255,255
черный # 000000 0,0,0
красный # FF0000 255,0,0
синий # 0000FF 0,0,255
зеленый # 008000 0,128,0
желтый # FFFF00 255,255,0
Название цвета Цвет Шестнадцатеричный код R, G, B
золото # FFD700 255, 215, 0
серебристый # C0C0C0 192,192,192
бронза # CD7F32 205,127,50
латунь # B5A642 181, 166, 66
медь # B87333 184, 115, 51
платина # Оптимус 4E2 229, 228, 226
изумруд # 50C878 80,200,120
слоновая кость # FFFFF0 255,255,240
Название цвета Цвет Шестнадцатеричный код R, G, B
оранжевый # FFA500 255,165,0
авокадо # B2C248 178, 194, 72
абрикос # FBCEB1 251, 206, 177
слива # DDA0DD 251, 206, 177
персик # FFDAB9 255 218 185
черника # 0041C2 0, 65, 194
Название цвета Цвет Шестнадцатеричный код R, G, B
под старину белый # FAEBD7 250 235 215
цвет морской волны # 00FFFF 0,255, 255
лазурный # F0FFFF 240,255,255
темно-пурпурный # 8B008B 139,0,139
фуксия # FF00FF 255,0,255
темно-оранжевый # FF8C00 255,140,0
полуночный синий # 1 25,25,112
зеленовато-зеленый # 32CD32 50,205,50
сине-фиолетовый # 8A2BE2 138,43,226
желто-зеленый # 9ACD32 154,205,50
зеленовато-желтый # ADFF2F 173,255,47
темно-золотой # B8860B 184,134,11
индийский красный # CD5C5C 205,92,92
перу # CD853F 205,133,63
темный лосось # E9967A 233,150,122
палеголденрод # EEE8AA 238 232 170
диппинк # FF1493 255,20 147
оранжево-красный # FF4500 255,69,0
светло-розовый # FFB6C1 255 182 193
навайовайт #FFDEAD 255 222 173
белый цветочный # FFFAF0 255,250,240
оливковый # 808000 128,128, 0
темно-синий # 000080 0,0, 128
бирюзовый # 008080 0,128, 128
лайм # 00FF00 0,255, 0
голубой # 4682B4 70,130,180
бордовый # 800000 128,0, 0
оливковый # 808000 128,128,0
сиена # A0522D 160,82,45
огнеупорный кирпич # B22222 178,34,34
индийский красный # CD5C5C 205,92,92
орхидея # DA70D6 218 112 214
малиновый # DC143C 220,20,60
бледно-лиловый # E6E6FA 230,230,250
хаки # F0E68C 240,230,140
пурпурный # FF00FF 255,0,255
коралл # FF7F50 255,127,80
розовый # FFC0CB 255,192,203
бисквит # FFE4C4 255 228 196
морская ракушка # FFF5EE 255 245 238
снег #FFFAFA 255,250,250
голубой # 00FFFF 0,255,255
лесозеленый # 228B22 34 139,34
индиго # 4B0082 75,0,130
серый # 708090 112,128,144
зеленый # 7CFC00 124,252,0
аквамарин # 7FFFD4 127,255,212
бордовый # 800000 128,0,0
фиолетовый # 800080 128,0,128
серый # 808080 128,128,128
голубой # 87CEEB 135,206,235
палево-зеленый # 98FB98 152 251 152
голубой # ADD8E6 173 216 230
розово-коричневый # BC8F8F 188 143 143
шоколад # D2691E 210,105,30
желто-коричневый # D2B48C 210,180,140
фиолетовый # EE82EE 238,130,238
медовая роса # F0FFF0 240,255,240
песочно-коричневый # F4A460 244,164,96
пшеница # F5DEB3 245 222 179
бежевый # F5F5DC 245 245 220
белый дым # F5F5F5 245 245 245
белье # FAF0E6 250,240,230
фуксия # FF00FF 255,0, 255
помидор # FF6347 255,99,71
мокасины # FFE4B5 255 228 181
весенне-зеленый # 00FF7F 0,255,127
шартрез # 7FFF00 127,255,0
коричневый # A52A2A 165,42,42
палево-фиолетовый # DB7093 219 112 147
Название цвета Цвет Шестнадцатеричный код R, G, B
Тёмно-синий # 405DE6 5,10,230
Синий # 5B51D8 88,81 216
Королевский фиолетовый # 833AB4 131,58,180
Темно-розовый # C13584 193,53,132
Средне-красный фиолетовый # E1306C 225,48,108
Красный фонарик # FD1D1D 253,36,76
Фламинго # F56040 88,81 216
Рак # F77737 247,119,55
Желто-оранжевый # FCAF45 252,175,69
Саломи # FFDC80 255,220,128
Название цвета Цвет Шестнадцатеричный код R, G, B
Сан-Марино # 4267B2 66,103,178
Белый #FFFFFF 255,255,255
Название цвета Цвет Шестнадцатеричный код R, G, B
Васильковый # 4285F4 66 133 244
Пуансон # DB4437 219,68,55
Селективный желтый # F4B400 244,180,0
Салем # 0F9D58 15,157,88
Название цвета Цвет Шестнадцатеричный код R, G, B
Доджер Синий # 1DA1F2 29,161,242
Древесный дым ## 14171A 20,23,265
Темно-серый # 657786 101,119,134
Бледное небо # AAB8C2 170 184 194
Мистик # E1E8ED 225 232 237
Светлый мистик # F5F8FA 245 248 250


СЛЕДУЮЩИЙ..... Какого цвета Чакноррис?

Net-informations.com


Шестнадцатеричные коды названных цветов, используемых на страницах HTML,

The Mobile Hex Hub Blues: бирюзово-голубой

Нужен мобильный? Существует мобильная версия этих цветовых диаграмм.
Блюз: бирюзово-голубой
Вы здесь

В таблице ниже показаны шестнадцатеричные коды цветов для оттенков синего, бирюзового, голубого и подобных цветов.Эта страница является частью Hex Hub сайта Color Spot на HTML Station. Вы можете использовать краткую справочную таблицу, чтобы выбрать одну из множества других доступных цветовых таблиц или увидеть значение этикеток (Safe 16 SVG Hex3).

Вы можете использовать разные форматы одной и той же информации. (Чтобы проголосовать за эту версию, поделитесь этой ссылкой: )
расширенная версия / компактная версия / Мобильная версия

9 светлый 1 1 9 светлый # D1EEEE 90 005 FF голубой FF 91 бирюзовый 3 0019115 91 бирюзовый3 900 91 910 # 05E9FF 911 9191 919 9191 9191 9197AC 9197AC 9197AC 9197AC 9197AC 9197AC 9197AC 9197AC
x3 9 0721 9 9119 911 911 911 911 911 911 911 911 911 911 911 911 синий светлый l голубой 9005 0 919 911 911 911 911 911 911 911 синий лед # 74BBFB FF19 FF 9000 la 90 005 синий
95 синий 911 911 919 919 911 911 911 911 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 # 7AA9DD 919 10 джинсовая ткань
9011 9011 9011 9197C синий 0 0 0 0 0 9197 9197 9197 9197 9197 911 9197 9197 гребень mtns

9 синий

9198 9198 9198 9198 королевский синий 10FE витраж 91 911 911 911 911 911 911 2 mid
azure4 # 838B8B светло-голубой4 # 7A8B8B azure3 # C1CDCD
paletur темно-серый (SVG) # 2F4F4F
темно-серый (SVG) # 2F4F4F кадет-синий # 5F00 911 9197 911 911 911 911 911 911 911 911 911 911 911 911 911 911 911 911 9197 911 9197 911 9 # 528B8B azure2 # E0EEEE paleturquoise3 # 96CDCD
sgiteal # cyan 9119 9 9 9119 9
голубой # 8FD8D8 аква (Safe Hex3) # 66CCCC бирюзовый #ADEAEA
средний бледно-бирюзовый 919D 919D 9197 911 911 911 9197 AEEEEE paleturquoise (SVG) #AFEEEE
darkslategray2 # 8DEEEE мятный # 3710 9011 металлик # 3710 teDFC 919 919 911 919 919 911 919 911
темно-синий (SVG) # 008B8B голубой3 # 00CDCD голубой2 (Hex3) # 00EEEE
голубой (Safe 16 = aqua SVG Hex3) # 00FFFF darkslategray1 # 97FFFF
палитра бирюзовый1 (Hex3) #BBFFFF светло-голубой (SVG) # E0FFFF лазурный (SVG) # темно-голубой (SVG) FF # F0 # 00CED1 cadetblue (SVG) # 5F9EA0 бирюзовый4 # 00868B
бирюзовый3 0019115 # 00F5FF
бассейн # 67E6EC fenway monster # 4A777A бирюзовый светодиодный индикатор # 05EDFF21 # 05EDFF21 # 05EDFF21 старая медь # 73B1B7 индигло
cadetblue3 # 7AC5CD cadetblue2 # 8EE5EE Cerulean # cadetblue2 # cadetblue # cadetblue 9111 9111 9111 9119 # cadetblue 911 ) # B0E0E6 пастельно-голубой # C1F0F6
синий nypd # 39B7CD lindsay eyes
Яйцо Робина # C3E4ED светло-голубой4 # 68838B прибой # 63D1F4

3 9197AC
голубой (SVG) # ADD8E6
голубой2 # B2DFEE deepskyblue4 # 00688B deepskyblue3 # 009ACD # 009ACD 6 9199 9199 9199 9199 9199 9199 9199 9199 9199 9199 9199 9109 # 00B2EE темно-синий (SVG) # 00BFFF
светло-голубой1 #BFEFFF павлин # 338619721 # 3386 911 911 911 911 911 911 # 3386197 911
skyblue (SVG) # 87CEEB summersky # 38B0DE полицейский стробоскоп # 0BB5FF
911 911 919C 911 9190 9190 9190 9190 9190 919C 919C 911 каролина синий # 539DC2
голубой стальной # 236B8E голубой 6 # 3299CC топаз # 0198E1
тихоокеанский синий # 35586C
синий губка # 5D92B1 голубой голубой3 # 8DB6CD # 8DB6CD # A4D3EE синий туман # 82CFFD неоновый синий # 67C8FF
голубой голубой1 # B0E2FF199119 # B0E2FF19 голубой # B0E2FF19 голубой3 # 6CA6CD
skyblue4 # 4A708B лазурно-синий # 9BC4E2 skyblue2 # 7EC0EE
озеро гурон # 5D7B93
синий кит # 42647F стальблу (SVG) # 4682B4 сталь 50 4 9114 910 910 910 911 910 910 910 910 910 910 911 910 911 4 # 5CACEE steelblue1 # 63B8FF blue dog # 525C65
steelblue4 # 36648B
# 36648B
aliceblue (SV G) # F0F8FF аквамарин # 4E78A0 краситель индиго # 0D4F8B
слатегрей (SVG10 # # 708090 Lightslategrey (SVG Hex3) # 778899
Lightslategray (SVG Hex3) # 778899 Lake Erie B 911 911 911 911 911 9 9
синий sgilight # 7D9EC0 dodgerblue4 # 104E8B dodgerblue3 # 1874CD EE EE голубой # 007FFF
dodgerblue (SVG) # 1E90FF slategray4 # 6C7B8B голубой вереск # B7C3D0
slategray2 # B9D3EE
синее ведро # 499DF5 slategray1 # C6E2FF синий пикассо # 0276FD синий знак # 003F87
светло-голубой4 # 6E7B810 911 # 6E7B810 # 6E7B810 # 6E7B810 # A2B5CD
# 4372AA голубой паук # 26466D павлин # 1D7CF2
голубой тунец синий камень # 50729F
синяя птица # 4973AB голубой свет (SVG) # B0C4DE синий # BCD2EE незабудки # 7EB6FF светло-голубой1 # CAE1FF
озеро онтарио # 4D71A3 1 синий # 4981CE
синий c ow # 88ACE0 химический костюм # 5993E5 большой синий автобус # 3A66A7
попугай # 3579DC синие джинсы # 42526C
минтай синий # 4D6FAC синий YInMn # 2E5090 сен-луис-блюз 911G900 00 00 кукуруза # 6495ED нептун # 6D9BF1 природный газ # 5B90F6
бабочка ulysses # 141019919 911 911 911 919 синий 9911 911 911 911 919 синий 911 919 911 919 синий 911 # 7093DB
небо аляски 919 11 # 1B3F8B фреш с черникой # 5971AD ty nant # 0147FA
кобальт # 3D59AB # 3D59AB # 3A5FCD
royalblue (SVG) # 4169E1 royalblue2 # 436EEE цихлид алюминий # A9ACB6 delft # 22316C
синий бархат # 162252 синий виноград # 3B4119 # 3B4919 синий
дельфин # 6F7285 nikko blue # 838EDE silver # E6E8FA
blue nile # 7D7F94 # 2192 # 2
васильковый # 42426F светло-голубой # 8F8FBC richblue # 5959AB
9119 9119 9119 911 911 911 911 911 907 navy (SVG) 000080 0000x300 синий 00003 0000 3 Awhite Awhite Awhite ) 9117 9117 9112 9117 9117 9117 9117 9117 9111 9117 9111 FF 3 фиолетовый
sgislate blue # 7171C6 кварцевый # D9D9F3 темно-синий # 23238E
# 23238E
средний midnightblue (SVG) # 1
lavender (SVG) # E6E6FA midnightblue2 (Safe Hex3) # 000033
темно-синий (SVG) # 00008B newmidnightblue # 00009C средне-синий (SVG) #CD #CD 9001 EE синий (Safe 16 SVG Hex3) # 0000FF royalblue (Safe Hex3) 91 911 # 3333FF
neonblue # 4D4DFF кобальт (Safe Hex3) # 6666FF Barwinkle (HeFFx3) #CCCCFF белый призрак (SVG) # F8F8FF кюрасао # 5B59BA
ультрамарин 9117 темно-синее (SVG) # 483D8B
синее-синее4 # 473C8B синее платье # 3B3178 # 3B3178 синий синий # 6959CD голубой2 # 7A67EE 9001 1 голубой 1 # 836FFF
голубой грифель # 8470FF голубой шифер (SVG) # 7B68EE кукуруза средний фиолетовый4 # 5D478B средний фиолетовый2 # 9F79EE средний фиолетовый3 # 8968CD
средний фиолетовый (SVG) 919FF11 # 8911 синий сейф (Safe Hex3) # 6600FF
синий глубокий # 380474

цветовых кодов HTML - 2021 Браузер поддерживает шестнадцатеричные коды

Шестнадцатеричные коды

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

Существует общая поддержка браузерами многих названий цветов CSS / HTML (перечисленных ниже), таких как text-color: RED. Есть также эквиваленты шестнадцатеричного кода, такие как text-color: # FF0000. Также можно указать версию RGB, например text-color: rgb (255, 0, 0).

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

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

Красный # FF0000rgb (255, 0, 0)

IndianRed # CD5C5Crgb (205, 92, 92)

LightCoral # F08080rgb (240, 128, 128)

Лосось # FA8072rgb (250, 128, 114)

DarkSalmon # E9967Argb (233, 150, 122)

LightSalmon # FFA07Argb (255, 160, 122)

Малиновый # DC143Crgb (220, 20, 60)

FireBrick # B22222rgb (178, 34, 34)

Темно-красный # 8B0000rgb (139, 0, 0)

Бордовый # 800000rgb (128, 0, 0)

Розовый # FFC0CBrgb (255, 192, 203)

Светло-розовый # FFB6C1rgb (255, 182, 193)

HotPink # FF69B4rgb (255, 105, 180)

DeepPink # FF1493rgb (255, 20, 147)

средний фиолетовый красный # C71585rgb (199, 21, 133)

PaleVioletRed # DB7093rgb (219, 112, 147)

Оранжевый # FFA500rgb (255, 165, 0)

LightSalmon # FFA07Argb (255, 160, 122)

Коралл # FF7F50rgb (255, 127, 80)

Помидор # FF6347rgb (255, 99, 71)

Оранжевый Красный # FF4500rgb (255, 69, 0)

Темно-оранжевый # FF8C00rgb (255, 140, 0)

Желтый # FFFF00rgb (255, 255, 0)

Золото # FFD700rgb (255, 215, 0)

Светло-желтый # FFFFE0rgb (255, 255, 224)

Лимонный шифон # FFFACDrgb (255, 250, 205)

LightGoldenrodYellow # FAFAD2rgb (250, 250, 210)

Кнут Папайи # FFEFD5rgb (255, 239, 213)

Мокасины # FFE4B5rgb (255, 228, 181)

PeachPuff # FFDAB9rgb (255, 218, 185)

PaleGoldenrod # EEE8AArgb (238, 232, 170)

Хаки # F0E68Crgb (240, 230, 140)

Темный хаки # BDB76Brgb (189, 183, 107)

Зеленый # 008000rgb (0, 128, 0)

Зелено-желтый # ADFF2Frgb (173, 255, 47)

Шартрез # 7FFF00rgb (127, 255, 0)

LawnGreen # 7CFC00rgb (124, 252, 0)

Лайм # 00FF00rgb (0, 255, 0)

LimeGreen # 32CD32rgb (50, 205, 50)

PaleGreen # 98FB98rgb (152, 251, 152)

Светло-зеленый # 90EE90rgb (144, 238, 144)

MediumSpringGreen # 00FA9Argb (0, 250, 154)

SpringGreen # 00FF7Frgb (0, 255, 127)

MediumSeaGreen # 3CB371rgb (60, 179, 113)

SeaGreen # 2E8B57rgb (46, 139, 87)

ForestGreen # 228B22rgb (34, 139, 34)

Темно-зеленый # 006400rgb (0, 100, 0)

Желто-зеленый # 9ACD32rgb (154, 205, 50)

OliveDrab # 6B8E23rgb (107, 142, 35)

Оливка # 808000rgb (128, 128, 0)

DarkOliveGreen # 556B2Frgb (85, 107, 47)

Средний Аквамарин # 66CDAArgb (102, 205, 170)

DarkSeaGreen # 8FBC8Brgb (143, 188, 139)

LightSeaGreen # 20B2AArgb (32, 178, 170)

DarkCyan # 008B8Brgb (0, 139, 139)

Бирюзовый # 008080rgb (0, 128, 128)

Синий # 0000FFrgb (0, 0, 255)

Аква # 00FFFFrgb (0, 255, 255)

Голубой # 00FFFFrgb (0, 255, 255)

LightCyan # E0FFFFrgb (224, 255, 255)

PaleTurquoise # AFEEEErgb (175, 238, 238)

Аквамарин # 7FFFD4rgb (127, 255, 212)

Бирюза # 40E0D0rgb (64, 224, 208)

Средний Бирюзовый # 48D1CCrgb (72, 209, 204)

Темно-бирюзовый # 00CED1rgb (0, 206, 209)

CadetBlue # 5F9EA0rgb (95, 158, 160)

SteelBlue # 4682B4rgb (70, 130, 180)

LightSteelBlue # B0C4DErgb (176, 196, 222)

PowderBlue # B0E0E6rgb (176, 224, 230)

Голубой # ADD8E6rgb (173, 216, 230)

SkyBlue # 87CEEBrgb (135, 206, 235)

LightSkyBlue # 87CEFArgb (135, 206, 250)

DeepSkyBlue # 00BFFFrgb (0, 191, 255)

DodgerBlue # 1E90FFrgb (30, 144, 255)

Васильковый # 6495EDrgb (100, 149, 237)

MediumSlateBlue # 7B68EErgb (123, 104, 238)

RoyalBlue # 4169E1rgb (65, 105, 225)

MediumBlue # 0000CDrgb (0, 0, 205)

Темно-синий # 00008Brgb (0, 0, 139)

ВМФ # 000080rgb (0, 0, 128)

MidnightBlue # 1

rgb (25, 25, 112)

Фиолетовый # 800080rgb (128, 0, 128)

Лаванда # E6E6FArgb (230, 230, 250)

Чертополох # D8BFD8rgb (216, 191, 216)

Слива # DDA0DDrgb (221, 160, 221)

Фиолетовый # EE82EErgb (238, 130, 238)

Орхидея # DA70D6rgb (218, 112, 214)

Пурпурный # FF00FFrgb (255, 0, 255)

Пурпурный # FF00FFrgb (255, 0, 255)

Средняя Орхидея # BA55D3rgb (186, 85, 211)

средний фиолетовый # 9370DBrgb (147, 112, 219)

Ребекка Пурпурный # 663399rgb (102, 51, 153)

BlueViolet # 8A2BE2rgb (138, 43, 226)

Темно-фиолетовый # 9400D3rgb (148, 0, 211)

Темная орхидея # 9932CCrgb (153, 50, 204)

DarkMagenta # 8B008Brgb (139, 0, 139)

Индиго # 4B0082rgb (75, 0, 130)

SlateBlue # 6A5ACDrgb (106, 90, 205)

DarkSlateBlue # 483D8Brgb (72, 61, 139)

MediumSlateBlue # 7B68EErgb (123, 104, 238)

Коричневый # A52A2Argb (165, 42, 42)

Корнсилк # FFF8DCrgb (255, 248, 220)

BlanchedAlmond # FFEBCDrgb (255, 235, 205)

Бисквит # FFE4C4rgb (255, 228, 196)

Навахо Белый # FFDEADrgb (255, 222, 173)

Пшеница # F5DEB3rgb (245, 222, 179)

BurlyWood # DEB887rgb (222, 184, 135)

Желто-коричневый # D2B48Crgb (210, 180, 140)

RosyBrown # BC8F8Frgb (188, 143, 143)

SandyBrown # F4A460rgb (244, 164, 96)

Золотарник # DAA520rgb (218, 165, 32)

ТемныйГолденрод # B8860Brgb (184, 134, 11)

Перу # CD853Frgb (205, 133, 63)

Шоколад # D2691Ergb (210, 105, 30)

Седло Коричневый # 8B4513rgb (139, 69, 19)

Сиена # A0522Drgb (160, 82, 45)

Серый # 808080rgb (128, 128, 128)

Черный # 000000rgb (0, 0, 0)

Гейнсборо # DCDCDCrgb (220, 220, 220)

Светло-серый # D3D3D3rgb (211, 211, 211)

Серебро # C0C0C0rgb (192, 192, 192)

Темно-серый # A9A9A9rgb (169, 169, 169)

DimGray # 6

rgb (105, 105, 105)

LightSlateGray # 778899rgb (119, 136, 153)

SlateGray # 708090rgb (112, 128, 144)

Темно-серый # 2F4F4Frgb (47, 79, 79)

Белый # FFFFFFrgb (255, 255, 255)

Снег # FFFAFArgb (255, 250, 250)

HoneyDew # F0FFF0rgb (240, 255, 240)

MintCream # F5FFFArgb (245, 255, 250)

Azure # F0FFFFrgb (240, 255, 255)

AliceBlue # F0F8FFrgb (240, 248, 255)

GhostWhite # F8F8FFrgb (248, 248, 255)

WhiteSmoke # F5F5F5rgb (245, 245, 245)

Морская ракушка # FFF5EErgb (255, 245, 238)

Бежевый # F5F5DCrgb (245, 245, 220)

OldLace # FDF5E6rgb (253, 245, 230)

Цветочно-белый # FFFAF0rgb (255, 250, 240)

Цвет слоновой кости # FFFFF0rgb (255, 255, 240)

AntiqueWhite # FAEBD7rgb (250, 235, 215)

Белье # FAF0E6rgb (250, 240, 230)

LavenderBlush # FFF0F5rgb (255, 240, 245)

MistyRose # FFE4E1rgb (255, 228, 225)

цветовых кодов HTML

Color Viewer

HEX или RGB-код

Пример формата HEX-кода « # 0000FF» - Пример формата кода RGB « RGB (0,102,51) »

Цвета браузера

Ранние браузеры не поддерживали более 256 «безопасных» цветов.

4

4 9021FF 000011 90CC 907
Цвет Шестнадцатеричный код
(#RRGGBB)
Десятичный код
(R, G, B)
HTML / CSS
(название цвета)
# 000000 rgb (0,0,0) черный
# 000033 rgb (0,0,51)
# 000066 rgb (0, 0,102)
# 000099 rgb (0,0,153)
# 0000CC rgb (0,0,204)
# RGB (0,0,255) синий
# 003300 RGB (0,51,0)
# 003333 RGB (0,51,51)
# 003366 RGB (0,51,102)
# 003399 RGB (0,51,153)
# 0033CC RGB
# 0033FF RGB (0,51,255)
# 006600 RGB (0,102,0)
0 , 51)
# 006666 rgb (0,102,102)
# 006699 rgb (0,102,153)
20CC 907 ) 0 9072 1 9055 9055 9011
# 0066FF RGB (0,102,255)
# 009900 rgb (0,153,0)
# 009933 rgb (0,153,51)
# 009966 rgb (0,153,102) 009999 rgb (0,153,153)
# 0099CC rgb (0,153,204)
# 0099FF rgb (0,153,255) rgb (0,204,0)
# 00CC33 rgb (0,204,51)
# 00CC66 RGB (0,204,102) 00CC99 RGB (0,204,153)
# 00CCCC RGB (0,204,204)
# 00CCFF rgb (0,204,255)
# 00FF00 rgb (0,255,0) лайм
# 00721 ​​900FF 51)
# 00FF66 rgb (0,255,102)
# 00FF99 rgb (0,255,153)
# 00FFFF rgb (0,255,255) голубой
# 330000 rgb (51,0,0)
330033 # (51,0,51)
# 330066 RGB (51,0,102)
# 330099 RGB (51,0,153)
# 3300CC RGB (51,0,204)
# 33007FF ,255)
# 333300 rgb (51,51,0)
# 333333 rgb (51,51,51)
# 33213366 RGB (51,51,102) # 333399 RGB (51,51,153) # 3333CC RGB (51,51204) # 3333FF RGB (51,51,255) # 336600 RGB (51,102,0) # 336633 rgb (51,102,51) # 336666 rgb (51,102,102) # 336699 rgb (51,102,153) rgb (51,102,204) # 3366FF rgb (51,102,255) # 339900 rgb (51,153,0) 0 rgb (51,153,51) # 339966 RGB (51,153,102) # 339999 rgb (51,153,153) RGB (51,153,204) # 3399FF RGB (51,153,255) # 33CC00 RGB (51,204,0) # 33CC33 RGB (51,204,51) 90CC2 90CC2 ) # 33CC99 rgb (51,204,153) # 33CCCC rgb (51,204,204) 9000,25 9000FF5 900CC # 33FF00 rgb (51,255,0) # 33FF33 rgb (51,255,51) ,25566 11 ) # 33FF99 RGB (51,255,153) 900 05 # 33FFCC rgb (51,255,204) # 33FFFF rgb (51,255,255) # 660000 rgb # 660033 RGB (102,0,51) # 660066 RGB (102,0,102) # 660099 907 102,0,153) # 6600CC RGB (102,0,204) # 6600FF RGB (102,0,255) 907 RGB (102,51,0) # 663333 RGB (102,51,51) # 66336 6 RGB (102,51,102) # 663399 RGB (102,51,153) # 6633CC RGB (102,51,204) RGB (102,51,204) # 6633FF RGB (102,51,255) # 666600 RGB (102,102,0) # 666633 2 # 666666 rgb (102,102,102) # 666699 rgb (102,102,153)

1

1

10262 # 6666FF rgb (102,102,255) # 669900 r ГБ (102,153,0) # 669933 rgb (102,153,51) # 669966 rgb (102,153,102)

0 #

50 999000 rgb (102,153,153) # 6699CC rgb (102,153,204) # 6699FF RGB (102,153,255) rgb (102,204,0) # 66CC33 rgb (102,204,51) # 66CC66 CC66 CC66 CC66 RGB (102,204,153) # 66CCCC RGB (102,204,204) # 66CCFF rgb (102,204,255) # 66FF00 rgb (102,255,0) 6621 9055 6621 907 51) # 66FF66 rgb (102,255,102) # 66FF99 rgb (102,255,153) ,255,153 2 907 102CC # 66FFFF RGB (102,255,255) # 9

RGB (153,0,0) 153,0,51) # 9
RGB (153,0,102) # 9
rgb (153,0,153) # 9900CC rgb (153,0,204) # 9921,099FF # 9900FF900 ) # 9 RGB (153,51,0) # 9 RGB (153,51,51) 9 rgb (153,51,102) # 9 rgb (153,51,153) # 9933CC

# 9933FF RGB (153,51,255) # 9 RGB (153,102,0) 900 11 # 9 rgb (153,102,51) # 9 rgb (153,102,102) # 9 # 9
,1902,1902 # 9966CC rgb (153,102,204) # 9966FF rgb (153,102,255) # 999 99921 # 999933 rgb (153,153,51) # 999966 rgb (153,153,102) # 99921,153 # 9999CC RGB (153,153,204) # 99 99FF RGB (153,153,255) # 99CC00 RGB (153,204,0) # 99CC33 RGB (153,204,51) # 99CC66 RGB (153,204,102) # 99CC99 RGB (153,204,153) # 99CCCC000
# 99CCCC
# 99CCCC
99CCFF rgb (153,204,255) # 99FF00 rgb (153,255,0) # 99FF33 rgb (153,25521 9001 9001 9001 9001 9001 9001 9001 9001 9001 9001 9001 # 99FF66 RGB (153,255,102) # 99FF99 907 21 rgb (153,255,153) # 99FFCC rgb (153,255,204) # 99FFFF rgb (153,255,255) CCC (153,255,255) CC (204,0,0) # CC0033 RGB (204,0,51) # CC0066 RGB (204,0,102) # CC0099 RGB (204,0,153) # CC00CC RGB (204,0,204) # CC00,0FF 900,2 # CC3300 RGB (204,51,0) # CC3333 RGB (204,51,51) 90 721 # CC3366 RGB (204,51,102) # CC3399 RGB (204,51,153) CC50 CC7 , 51,204) # CC33FF rgb (204,51,255) # CC6600 rgb (204,102,0) 9033 50 rgb (204,102,51) # CC6666 rgb (204,102,102) # CC6699 CC6699 CC66 RGB (204,102,204) # CC66FF RGB (204,102,255) 900 50 # CC9900 RGB (204,153,0) # CC9933 RGB (204,153,51) # CC21669 # CC2166 900 # CC9999 rgb (204,153,153) # CC99CC rgb (204,153,204)

1,2

9000FF21 CC21 CC21 #CCCC00 RGB (204,204,0) #CCCC33 RGB (204,204,51) #CCC66 #CC66

#CCCC99 RGB (204,204,153) #CCCCCC rgb (204,204,204) #CCCCFF rgb (204,204,255) # CCFF00 # CCFF00 # CCFF00 rgb # CCFF33 RGB (204,255,51) # CCFF66 RGB (204,255,102) # CCFF99 # CCFF99 #CCFFCC RGB (204,255,204) #CCFFFF RGB (204,255,255) # FF0000 красный цвет # FF0033 RGB (255,0,51) # FF0066 rgb (255,0,102) # FF0099 rgb (255,0,153) # FF00CC 021 rgb11 255,0721 0 9,07204) # FF00FF RGB (255,0,255) пурпурный, фуксия # FF3300 RGB (255,51,0) # F 255,51,51) # FF3366 rgb (255,51,102) # FF3399 rgb (255,51,153) 50 9 # FF33CC RGB (255,51,204) # FF33FF RGB (255,51,255) # FF6600 rgb (255,102,0) # FF6633 rgb (255,102,51) # FF6666 rgb (255,102,102 # 9002 FF6699 rgb (255,102,153) # FF66CC rgb (255,102,204) # FF66FF ,255 # FF66FF ,2559 ,255 RGB (255,153,0) # FF9933 RGB (255,153,51) # FF9966 RGB (255,153,102) # FF9999 rgb (255,153,153) # FF99CC rgb (255 , 153,204) # FF99FF rgb (255,153,255) # FFCC00 rgb (255,204,0) 50 50 9000 FFCC (255,204,51) # FFCC66 rgb (255,204,102) # FFCC99 rgb (255,204,153) 9FF721 9FF721 (255,204,204) #FFCCFF rgb (255,204,255) # FFFF00 rgb (255,255,0) FF желтый 9007 # 50 911 FF RGB (255,255,51) # FFFF66 RGB (255,255,102) 9 0011 # FFFF99 rgb (255,255,153) #FFFFCC rgb (255,255,204) 9000FF55 9000FF55 9000FF55 белый

Безопасные веб-цвета RGB (красный, зеленый и синий) создаются комбинацией шестнадцатеричных чисел

Три кода с шестью возможными значениями - дают

6 3 = 216 «безопасных» цветов

Чтение шестнадцатеричных цветовых кодов - шестнадцатеричный цвет

Обновлено 02.09.2020

Шестнадцатеричный цветовой код - это один из типов цветового кода HTML, который часто называют шестнадцатеричным или шестнадцатеричным цветом.Причина использования шестнадцатеричных чисел - это удобное для человека представление значений в двоичном коде. Шестнадцатеричные цветовые коды начинаются со знака решетки или хэштега (#), за которым следуют шесть букв и / или цифр. Первые две буквы / цифры относятся к красному, следующие две - к зеленому, а последние две - к синему. Значения цвета определены в значениях от 00 до FF (вместо от 0 до 255 в RGB).

Числа используются при значениях от 1 до 9. Буквы используются, когда значение больше 9.Например:

  • А = 10

  • B = 11

  • С = 12

  • D = 13

  • E = 14

  • F = 15

Чтобы получить шестнадцатеричный цвет, выполните следующие три шага:

  1. Умножьте первое число на 16.

  2. Умножьте второе число на 1.

  3. Сложите два итога.

Если вы цифровой художник, который работает с Adobe Creative Suite, в 3D-приложении или в веб-дизайне, вы слышали и, вероятно, использовали шестнадцатеричные цвета.И даже если вы используете шестигранник каждый день, есть большая вероятность, что вы не совсем понимаете, что происходит с этими комбинациями букв и цифр или как они на самом деле создают цвет.

Вот где пригодится это удобное руководство по чтению шестнадцатеричных цветовых кодов.

Понимание цвета RGB, чтобы помочь вам понять шестнадцатеричный код цвета

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

Если вы разбираетесь в цветовой системе RGB, вы знаете, что цвета представлены следующим образом:

RGB (255, 0, 0)

RGB определяет значения красного (первое число), зеленого (второе число) или синего (третье число). Число 0 означает отсутствие представления цвета, а 255 означает максимально возможную концентрацию цвета.

Итак, в приведенном выше примере вы получаете максимально яркий красный цвет без присутствия зеленого или синего.Если вам нужен только зеленый цвет, используйте RGB (0, 255, 0) , а для синего - RGB (0, 0, 255) . Для других цветов вы будете использовать комбинацию значений цвета, чтобы добиться желаемого результата.

Как читать шестнадцатеричные цветовые коды

Как только вы действительно поймете RGB, вы можете двигаться дальше и научиться читать шестнадцатеричные коды. Это действительно очень просто, если вы знаете формулу. Как упоминалось выше, значения 1-9 указаны численно. Однако для значений 10 и выше цифры заменяют буквы.Итак, A = 10, B = 11, C = 12 и так далее.

Теперь, чтобы вычислить шестнадцатеричное число, есть три быстрых шага (как также указано выше):

  1. Умножьте первое число (или преобразованное число из буквы) на 16.

  2. Умножьте второе число (или преобразованное число из буквы) на 1.

  3. Сложите эти две суммы вместе, чтобы получить одно значение.

Например, шестнадцатеричное число 83 на самом деле 131.Мы пришли к такому выводу по:

  1. Умножение 8 из 83 на 16 (8x16 = 128) .

  2. Умножение 3 из 83 на 1 (3x1 = 3) .

  3. Сложение двух итогов (128 + 3 = 131) .

Другой способ думать об этом:

(8x16) + (3x1) = 131

Работа с буквами - та же концепция. Например, FF = 255, потому что вы умножаете число, представляющее F (15), на 16, а затем умножаете число, представляющее второе F (15), на 1.Затем сложите две суммы, чтобы получить 255. Помните, что число 255 совпадает с числом 255 RGB, которое ярко-красным.

Если вы не хотите выполнять мысленные вычисления, воспользуйтесь инструментом преобразования RGB в HEX.

Прогнозирование цветов

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


Другой пример шестнадцатеричного цветового кода - # 7DD0D7, который дает зеленовато-синий цвет.

Общие шестнадцатеричные цветовые коды и их эквиваленты RGB

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

  • Красный = # FF0000 = RGB (255, 0, 0)

  • Зеленый = # 008000 = RGB (1, 128, 0)

  • Синий = # 0000FF = RGB (0, 0, 255)

  • Белый = #FFFFFF = RGB (255,255,255)

  • Цвет слоновой кости = # FFFFF0 = RGB (255, 255, 240)

  • Черный = # 000000 = RGB (0, 0, 0)

  • Серый = # 808080 = RGB (128, 128, 128)

  • Серебро = # C0C0C0 = RGB (192, 192, 192)

  • Желтый = # FFFF00 = RGB (255, 255, 0)

  • Фиолетовый = # 800080 = RGB (128, 0, 128)

  • Оранжевый = FFA500 = RGB (255, 165, 0)

  • Бордовый = # 800000 = RGB (128, 0, 0)

  • Пурпурный = # FF00FF = RGB (255, 0, 255)

  • Лайм = # 00FF00 = RGB (0, 255, 0)

  • Цвет морской волны = # 00FFFF = RGB (0, 255, 255)

  • Бирюзовый = # 008080 = RGB (0, 128, 128)

  • Olive = # 808000 = RGB (128, 128, 0)

  • Navy = # 000080 = RGB (0, 0, 128)

Найдите другие шестнадцатеричные коды цветов или выберите цвет HTML и получите его совпадающее имя и коды.

Выбор цветовой схемы

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

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

После того, как вы выбрали цветовую схему, вы можете:

  • Создать коллаж

  • Изучите и создайте градиент

  • Проверьте контрасты

  • Отрегулируйте оттенок, насыщенность, яркость и температуру

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

Но прежде чем остановиться на палитре, запомните эти советы по цветовому дизайну:

  • Учитывайте контекст.

  • Обратитесь к цветовому кругу.

  • Выберите монохромную, триадную или раздельную дополнительную цветовую схему.

  • Думайте не только о предустановках.

Часто задаваемые вопросы о шестнадцатеричных цветах

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

шестнадцатеричный означает 6?

Да. Hex - это сокращение от Hexa, что в переводе с греческого означает число шесть.

Когда мне следует использовать шестнадцатеричный, а когда - RGB?

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

Как получить шестнадцатеричный код цвета для определенного цвета изображения?

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

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

Как осветлить или затемнить шестигранный цвет?

Самый простой способ осветлить или затемнить шестнадцатеричный цвет - использовать инструмент шестнадцатеричного цвета CSS. Все, что вам нужно сделать, это:

  1. Введите шестизначный шестнадцатеричный цвет.

  2. Выберите переключатель Светлее или Темнее.

  3. Назначьте процент.

  4. Нажмите "Отправить".

Как изменить шестнадцатеричный цвет в Adobe Illustrator?

Чтобы изменить шестнадцатеричный цвет в Adobe Illustrator, выполните следующие действия:

  1. В новом документе Illustrator нажмите F6.

  2. Дважды щелкните рамку обводки или заливки в окне «Цвет».

  3. Дважды щелкните внутри поля рядом с #.

  4. Введите новый шестнадцатеричный код цвета в поле.

  5. Нажмите ОК.

Завершение

В заключение несколько напоминаний:

  • Цветовые типы Hex и RGB предназначены для использования на экране при разработке веб-сайтов.

  • В CSS можно добавить альфа-значение для управления непрозрачностью цвета.

  • Для бренда постоянство цвета является ключевым моментом.

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

  • Всегда стремитесь узнать больше о своей работе, просматривая ресурсы и посещая курсы, предлагаемые Pluralsight!

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

HTML 5 Учебное пособие: Цветовые коды

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


Цвет HTML по именам

Вот список цветов HTML 5 по именам, включая шестнадцатеричные коды цветов и предварительный просмотр цветов.

Название цвета шестнадцатеричные коды Цвет
AliceBlue # F0F8FF
AntiqueWhite # FAEBD7
Aqua # 00FFFF
Aquamar # F0FFFF Бежевый # F5F5DC Бисквит # FFE4C4 Черный # 000000 50 9011 50 9011 50 черный Синий # 0000FF Синий Фиолетовый # 8A2BE2 Коричневый # A52A2A 9007 9007 9007 BurlyWood 9011 907 21 BurlyWood 5F9EA0 Шартрез # 7FFF00 Шоколадный # D2691E Коралловый # FF7F50 Blue 11 ED Corp. # FFF8DC Малиновый # DC143C Голубой # 00FFFF Темно-синий # 008B DarkBlue # 00008B Темно-золотой стержень # B8860B Темно-серый # A9A9A9 Темно-серый # A9A9A9 # A9A9A9 50 9000 9000 50 Темно-зеленый ki # BDB76B DarkMagenta # 8B008B DarkOliveGreen # 556B2F 9011 DarkOrange 9011 9011 9011 DarkOrange 9007 DarkRed # 8B0000 DarkSalmon # E9967A DarkSeaGreen # 8FBC8F # 8FBC8F 50 DarkSalmon # 2F4F4F DarkSlateGrey # 2F4F4F Темно-бирюзовый # 00CED1
1 ​​темно-фиолетовый
1 ​​9011
1 ​​ # FF1493 DeepSkyBlue # 00BFFF DimGray # 6 DimGrey

0

# DimGrey FF 96 9001 DimGrey FF 96 9001 DimGrey FFger 96 FireBrick # B22222 Цветочно-белый # FFFAF0 ForestGreen # 228B22

1 # 228B22

15

Fuchbor Fuchs #DCDCDC GhostWhite # F8F8FF золото # FFD700 GoldenRod # DAA520 # DAA520 серый 900 05 Серый # 808080 Зеленый # 008000 GreenYellow # ADFF2F HoneyDew # F0FFF011 HoneyDew # F0FF21 FF69B4 IndianRed # CD5C5C Indigo # 4B0082 слоновая кость Kha FFFFF0 Kha FFFFF0 Kha FFFFF0 Лаванда # E6E6FA LavenderBlush # FFF0F5 LawnGreen # 7CFC00 9007 9007 9008 90FF11 9011 9011 900FAC ADD 90FF11 9072 1 LightCoral # F08080 LightCyan # E0FFFF LightGoldenRodYellow # FAFAD2 # FAFAD2 50 LightGrey 50 LightGrey # D3D3D3 LightGreen # 90EE90 LightPink # FFB6C1 LightSalmon LightSalmon LightSalmon LightSkyBlue # 87CEFA LightSlateGray # 778899 LightSlateGrey # 778899 lue LightSlateGrey # 778899 lue Light Светло-желтый # FFFFE0 Лайм # 00FF00 Лаймзеленый # 32CD32 FA0005 9007 9007 Magent Лен Magent # FF00FF Бордовый # 800000 MediumAquaMarine # 66CDAA MediumBlue # 0000CD7 50 MediumBlue # 0000CD7 50 MediumBlue # 0000CD7 50 MediumBlue # 0000CD7 MediumPurple # 9370DB MediumSeaGreen # 3CB371 MediumSlateBlue # 7B68EE # 7B68EE 50 # 7B68EE 50 # 7B68EE 50 MediumTurquoise # 48D1CC MediumVioletRed # C71585 MidnightBlue # 1 900FF 9011 9011 9011 900FF 9000C 900FF 9000C 900FF 9000C 907 FFE4E1 Мокасины # FFE4B5 NavajoWhite #FFDEAD Военно-морской флот # 0ace80 9011 # 0ace80 5E Оливковое # 808000 OliveDrab # 6B8E23 Оранжевый # FFA500 Оранжевый
1 ​​1 Оранжевый 1 Оранжевый A70D6 PaleGoldenRod # EEE8AA PaleGreen # 98FB98 PaleTurquoise
1 ​​ # PaleAFEEE # PaleAFEEE 50 PapayaWhip # FFEFD5 PeachPuff # FFDAB9 Перу # CD853F 9001 Pink Pla PowderBlue # B0E0E6 Фиолетовый # 800080 RebeccaPurple # 663399
1 ​​ # 663399
1 ​​ # 663399
150 Красный 721 RosyBrown # BC8F8F RoyalBlue # 4169E1 SaddleBrown # 8B4513 Лосось Лосось
1 ​​ Лосось SeaGreen # 2E8B57 SeaShell # FFF5EE Sienna # A0522D

0

C 9007 SkyBlue # 87CEEB SlateBlue # 6A5ACD SlateGray # 708090 SlateGrey # 70721 90 011 SpringGreen # 00FF7F SteelBlue # 4682B4 Желто-коричневый # D2B48C 9011 9011 Tealist 900 # D8BFD8 Помидор # FF6347 Бирюзовый # 40E0D0 Фиолетовый # EE8211 9005 9005 9005 9005 9005 90DE 9005 9005 9005 9005 9001 9005 EE8211 9005 Белый #FFFFFF WhiteSmoke # F5F5F5 Желтый # FFFF00 YellowGreen D Желтый # Зеленый D : Раскраска по имени

  
  Пример цветового кода  

Полный красный цвет

Полностью зеленый цвет

Полный синий цвет

Полностью желтый цвет

Полный голубой цвет

Полный фиолетовый цвет


Цвет HTML в шестнадцатеричном формате

Цвет HTML в шестнадцатеричном формате представляет собой последовательность из двух шестнадцатеричных цифр x 3, начинающихся с решетки '#'.

Итак, формула сочетания цветов в HEX: #RRGGBB

RR = Красное значение в HEX
GG = Зеленое значение в HEX
BB = Синее значение в HEX

Просто отрегулируйте интенсивность каждого красного, зеленого и синего цветов, изменив значения RR, GG, BB, чтобы получить желаемый цвет.

00 = 255 = Понижает до нуля интенсивность красного / зеленого / синего
FF = 0 = Наивысшая интенсивность красного / зеленого / синего

Пример 1: Одноцветный

  
  Пример цветового кода  

Пример одного цвета

Полный красный цвет

Полностью зеленый цвет

Полный синий цвет

Пример 2: Сочетание цветов

  
  Пример цветового кода  

Комбинированный цветовой код

Красный + зеленый = желтый

Зеленый + синий = голубой

Красный + синий = фиолетовый


Цвет HTML по RGB (красный, зеленый, синий)

Цветовые коды HTML RGB используют комбинацию красного, зеленого и синего цветов, которые определяют интенсивность по числу.Начиная с 0 до 255 число, где 0 - самая низкая или нулевая интенсивность цвета, а 255 - самая высокая интенсивность цвета.

Формула такая: RGB (RRR, GGG, BBB)

RRR = Красный цвет в трехзначном номере 0-255
GGG = Зеленый цвет в трехзначном номере 0-255
BBB = Синий цвет в трехзначном номере 0-255

Пример 3: один цвет RGB HTML

  
  Пример цветового кода  

Полный красный цвет

Полностью зеленый цвет

Полный синий цвет

Пример 4: двухцветная комбинация HTML RGB

  
  Пример цветового кода  

Красный + зеленый = желтый

Зеленый + синий = голубой

Красный + синий = фиолетовый


Прозрачность цвета HTML по RGBA (красный, зеленый, синий, альфа)

Чтобы показать прозрачность цвета, просто добавляет альфа к цветовым кодам RGB.

Формула такая: RGBA (RRR, GGG, BBB, A.A)

RRR = красный цвет в трехзначном номере 0-255
GGG = зеленый цвет в трехзначном номере 0-255
BBB = синий цвет в трехзначном номере 0-255
AA = альфа / прозрачность в числе с плавающей запятой 0,0 - 1,0

Пример 5: Один цвет RGBA

  
  Пример цветового кода  

Полный красный цвет

Полностью зеленый цвет

Полный синий цвет

Пример 6: комбинация 2 цветов RGBA

  
  Пример цветового кода  

Красный + зеленый = желтый

Зеленый + синий = голубой

Красный + синий = фиолетовый

Это простой базовый цветовой код HTML 5.Примеров немного, но это наиболее часто используемые цветовые коды в веб-приложении или на страницах HTML.

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

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