«Преобразование значений цвета — это инструмент для преобразования цветов RGB и шестнадцатеричных цветов. Шестнадцатеричное значение в RGB, преобразование цвета, мгновенный ввод и мгновенное генерирование соответствующих значений цвета.
значение цвета
Пример ввода (без учета регистра):
#707B7C
#AAF7DC6F
rgb(72,201,176)
rgba(241,148,138,0.5)
hsl(204,70%,63%)
Предварительный просмотр
Формат
Результат конвертации
HEX
#345345
RGB
rgb(52,83,69)
RGBA
rgba(52,83,69,1.000)
ARGB
#ff345345
HSL
hsl(153,23%,26%)
Таблица цветов CSS
В спецификациях цветов HTML и CSS определено 147 названий цветов (17 стандартных цветов плюс 130 других цветов). Все эти цвета перечислены в таблице ниже вместе с их шестнадцатеричными значениями.
17 стандартных цветовaqua, black, blue, fuchsia, gray, green, lime, maroon, navy,olive, orange, purple, red, silver, teal, white, yellow。
gray
название цвета
Предварительный просмотр
HEX
RGB
HSL
gainsboro
#dcdcdc
220, 220, 220
0, 0%, 86%
lightgray
#d3d3d3
211, 211, 211
0, 0%, 83%
silver
#c0c0c0
192, 192, 192
0, 0%, 75%
darkgray
#a9a9a9
169, 169, 169
0, 0%, 66%
gray
#808080
128, 128, 128
0, 0%, 50%
dimgray
#696969
105, 105, 105
0, 0%, 41%
lightslategray
#778899
119, 136, 153
210, 14%, 53%
slategray
#708090
112, 128, 144
210, 13%, 50%
darkslategray
#2f4f4f
47, 79, 79
180, 25%, 25%
black
#000000
0, 0, 0
0, 0%, 0%
red
название цвета
Предварительный просмотр
HEX
RGB
HSL
indianred
#cd5c5c
205, 92, 92
0, 53%, 58%
lightcoral
#f08080
240, 128, 128
0, 79%, 72%
salmon
#fa8072
250, 128, 114
6, 93%, 71%
darksalmon
#e9967a
233, 150, 122
15, 72%, 70%
lightsalmon
#ffa07a
255, 160, 122
17, 100%, 74%
crimson
#dc143c
220, 20, 60
348, 83%, 47%
red
#ff0000
255, 0, 0
0, 100%, 50%
firebrick
#b22222
178, 34, 34
0, 68%, 42%
darkred
#8b0000
139, 0, 0
0, 100%, 27%
orange
название цвета
Предварительный просмотр
HEX
RGB
HSL
lightsalmon
#ffa07a
255, 160, 122
17, 100%, 74%
coral
#ff7f50
255, 127, 80
16, 100%, 66%
tomato
#ff6347
255, 99, 71
9, 100%, 64%
orangered
#ff4500
255, 69, 0
16, 100%, 50%
darkorange
#ff8c00
255, 140, 0
33, 100%, 50%
orange
#ffa500
255, 165, 0
39, 100%, 50%
brown
название цвета
Предварительный просмотр
HEX
RGB
HSL
cornsilk
#fff8dc
255, 248, 220
48, 100%, 93%
blanchedalmond
#ffebcd
255, 235, 205
36, 100%, 90%
bisque
#ffe4c4
255, 228, 196
33, 100%, 88%
navajowhite
#ffdead
255, 222, 173
36, 100%, 84%
wheat
#f5deb3
245, 222, 179
39, 77%, 83%
burlywood
#deb887
222, 184, 135
34, 57%, 70%
tan
#d2b48c
210, 180, 140
34, 44%, 69%
rosybrown
#bc8f8f
188, 143, 143
0, 25%, 65%
sandybrown
#f4a460
244, 164, 96
28, 87%, 67%
goldenrod
#daa520
218, 165, 32
43, 74%, 49%
darkgoldenrod
#b8860b
184, 134, 11
43, 89%, 38%
peru
#cd853f
205, 133, 63
30, 59%, 53%
chocolate
#d2691e
210, 105, 30
25, 75%, 47%
saddlebrown
#8b4513
139, 69, 19
25, 76%, 31%
sienna
#a0522d
160, 82, 45
19, 56%, 40%
brown
#a52a2a
165, 42, 42
0, 59%, 41%
maroon
#800000
128, 0, 0
0, 100%, 25%
blue
название цвета
Предварительный просмотр
HEX
RGB
HSL
aqua
#00ffff
0, 255, 255
180, 100%, 50%
cyan
#00ffff
0, 255, 255
180, 100%, 50%
lightcyan
#e0ffff
224, 255, 255
180, 100%, 94%
paleturquoise
#afeeee
175, 238, 238
180, 65%, 81%
aquamarine
#7fffd4
127, 255, 212
160, 100%, 75%
turquoise
#40e0d0
64, 224, 208
174, 72%, 56%
mediumturquoise
#48d1cc
72, 209, 204
178, 60%, 55%
darkturquoise
#00ced1
0, 206, 209
181, 100%, 41%
cadetblue
#5f9ea0
95, 158, 160
182, 25%, 50%
steelblue
#4682b4
70, 130, 180
207, 44%, 49%
lightsteelblue
#b0c4de
176, 196, 222
214, 41%, 78%
powderblue
#b0e0e6
176, 224, 230
187, 52%, 80%
lightblue
#add8e6
173, 216, 230
195, 53%, 79%
skyblue
#87ceeb
135, 206, 235
197, 71%, 73%
lightskyblue
#87cefa
135, 206, 250
203, 92%, 75%
deepskyblue
#00bfff
0, 191, 255
195, 100%, 50%
dodgerblue
#1e90ff
30, 144, 255
210, 100%, 56%
cornflowerblue
#6495ed
100, 149, 237
219, 79%, 66%
mediumslateblue
#7b68ee
123, 104, 238
249, 80%, 67%
royalblue
#4169e1
65, 105, 225
225, 73%, 57%
blue
#0000ff
0, 0, 255
240, 100%, 50%
mediumblue
#0000cd
0, 0, 205
240, 100%, 40%
darkblue
#00008b
0, 0, 139
240, 100%, 27%
navy
#000080
0, 0, 128
240, 100%, 25%
midnightblue
#191970
25, 25, 112
240, 64%, 27%
green
название цвета
Предварительный просмотр
HEX
RGB
HSL
greenyellow
#adff2f
173, 255, 47
84, 100%, 59%
chartreuse
#7fff00
127, 255, 0
90, 100%, 50%
lawngreen
#7cfc00
124, 252, 0
90, 100%, 49%
lime
#00ff00
0, 255, 0
120, 100%, 50%
limegreen
#32cd32
50, 205, 50
120, 61%, 50%
palegreen
#98fb98
152, 251, 152
120, 93%, 79%
lightgreen
#90ee90
144, 238, 144
120, 73%, 75%
mediumspringgreen
#00fa9a
0, 250, 154
157, 100%, 49%
springgreen
#00ff7f
0, 255, 127
150, 100%, 50%
mediumseagreen
#3cb371
60, 179, 113
147, 50%, 47%
seagreen
#2e8b57
46, 139, 87
146, 50%, 36%
forestgreen
#228b22
34, 139, 34
120, 61%, 34%
green
#008000
0, 128, 0
120, 100%, 25%
darkgreen
#006400
0, 100, 0
120, 100%, 20%
yellowgreen
#9acd32
154, 205, 50
80, 61%, 50%
olivedrab
#6b8e23
107, 142, 35
80, 60%, 35%
olive
#808000
128, 128, 0
60, 100%, 25%
darkolivegreen
#556b2f
85, 107, 47
82, 39%, 30%
mediumaquamarine
#66cdaa
102, 205, 170
160, 51%, 60%
darkseagreen
#8fbc8b
143, 188, 139
115, 27%, 64%
lightseagreen
#20b2aa
32, 178, 170
177, 70%, 41%
darkcyan
#008b8b
0, 139, 139
180, 100%, 27%
teal
#008080
0, 128, 128
180, 100%, 25%
pink
название цвета
Предварительный просмотр
HEX
RGB
HSL
pink
#ffc0cb
255, 192, 203
350, 100%, 88%
lightpink
#ffb6c1
255, 182, 193
351, 100%, 86%
hotpink
#ff69b4
255, 105, 180
330, 100%, 71%
deeppink
#ff1493
255, 20, 147
328, 100%, 54%
mediumvioletred
#c71585
199, 21, 133
322, 81%, 43%
palevioletred
#db7093
219, 112, 147
340, 60%, 65%
purple
название цвета
Предварительный просмотр
HEX
RGB
HSL
lavender
#e6e6fa
230, 230, 250
240, 67%, 94%
thistle
#d8bfd8
216, 191, 216
300, 24%, 80%
plum
#dda0dd
221, 160, 221
300, 47%, 75%
violet
#ee82ee
238, 130, 238
300, 76%, 72%
orchid
#da70d6
218, 112, 214
302, 59%, 65%
fuchsia
#ff00ff
255, 0, 255
300, 100%, 50%
magenta
#ff00ff
255, 0, 255
300, 100%, 50%
mediumorchid
#ba55d3
186, 85, 211
288, 59%, 58%
mediumpurple
#9370db
147, 112, 219
260, 60%, 65%
rebeccapurple
#663399
102, 51, 153
270, 50%, 40%
blueviolet
#8a2be2
138, 43, 226
271, 76%, 53%
darkviolet
#9400d3
148, 0, 211
282, 100%, 41%
darkorchid
#9932cc
153, 50, 204
280, 61%, 50%
darkmagenta
#8b008b
139, 0, 139
300, 100%, 27%
purple
#800080
128, 0, 128
300, 100%, 25%
indigo
#4b0082
75, 0, 130
275, 100%, 25%
slateblue
#6a5acd
106, 90, 205
248, 53%, 58%
darkslateblue
#483d8b
72, 61, 139
248, 39%, 39%
mediumslateblue
#7b68ee
123, 104, 238
249, 80%, 67%
white
название цвета
Предварительный просмотр
HEX
RGB
HSL
white
#ffffff
255, 255, 255
0, 0%, 100%
snow
#fffafa
255, 250, 250
0, 100%, 99%
honeydew
#f0fff0
240, 255, 240
120, 100%, 97%
mintcream
#f5fffa
245, 255, 250
150, 100%, 98%
azure
#f0ffff
240, 255, 255
180, 100%, 97%
aliceblue
#f0f8ff
240, 248, 255
208, 100%, 97%
ghostwhite
#f8f8ff
248, 248, 255
240, 100%, 99%
whitesmoke
#f5f5f5
245, 245, 245
0, 0%, 96%
seashell
#fff5ee
255, 245, 238
25, 100%, 97%
beige
#f5f5dc
245, 245, 220
60, 56%, 91%
oldlace
#fdf5e6
253, 245, 230
39, 85%, 95%
floralwhite
#fffaf0
255, 250, 240
40, 100%, 97%
ivory
#fffff0
255, 255, 240
60, 100%, 97%
antiquewhite
#faebd7
250, 235, 215
34, 78%, 91%
linen
#faf0e6
250, 240, 230
30, 67%, 94%
lavenderblush
#fff0f5
255, 240, 245
340, 100%, 97%
mistyrose
#ffe4e1
255, 228, 225
6, 100%, 94%
yellow
название цвета
Предварительный просмотр
HEX
RGB
HSL
gold
#ffd700
255, 215, 0
51, 100%, 50%
yellow
#ffff00
255, 255, 0
60, 100%, 50%
lightyellow
#ffffe0
255, 255, 224
60, 100%, 94%
lemonchiffon
#fffacd
255, 250, 205
54, 100%, 90%
lightgoldenrodyellow
#fafad2
250, 250, 210
60, 80%, 90%
papayawhip
#ffefd5
255, 239, 213
37, 100%, 92%
moccasin
#ffe4b5
255, 228, 181
38, 100%, 85%
peachpuff
#ffdab9
255, 218, 185
28, 100%, 86%
palegoldenrod
#eee8aa
238, 232, 170
55, 67%, 80%
khaki
#f0e68c
240, 230, 140
54, 77%, 75%
darkkhaki
#bdb76b
189, 183, 107
56, 38%, 58%
Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected].
Мы сделаем это за вас как можно скорее.