← Back to Home
HTML Color Chart
LightPink
#ffb6c1
255
182
193
0
29
24
0
Pink
#ffc0cb
255
192
203
0
25
20
0
Crimson
#dc143c
220
20
60
0
91
73
14
LavenderBlush
#fff0f5
255
240
245
0
6
4
0
PaleVioletRed
#db7093
219
112
147
0
49
33
14
HotPink
#ff69b4
255
105
180
0
59
29
0
DeepPink
#ff1493
255
20
147
0
92
42
0
MediumVioletRed
#c71585
199
21
133
0
89
33
22
Orchid
#da70d6
218
112
214
0
49
2
15
Thistle
#d8bfd8
216
191
216
0
12
0
15
Plum
#dda0dd
221
160
221
0
28
0
13
Violet
#ee82ee
238
130
238
0
45
0
7
Magenta
#ff00ff
255
0
255
0
100
0
0
Fuchsia
#ff00ff
255
0
255
0
100
0
0
DarkMagenta
#8b008b
139
0
139
0
100
0
45
Purple
#800080
128
0
128
0
100
0
50
MediumOrchid
#ba55d3
186
85
211
12
60
0
17
DarkViolet
#9400d3
148
0
211
30
100
0
17
DarkOrchid
#9932cc
153
50
204
25
75
0
20
Indigo
#4b0082
75
0
130
42
100
0
49
BlueViolet
#8a2be2
138
43
226
39
81
0
11
MediumPurple
#9370db
147
112
219
33
49
0
14
MediumSlateBlue
#7b68ee
123
104
238
48
56
0
7
SlateBlue
#6a5acd
106
90
205
48
56
0
20
DarkSlateBlue
#483d8b
72
61
139
48
56
0
45
Lavender
#e6e6fa
230
230
250
8
8
0
2
GhostWhite
#f8f8ff
248
248
255
3
3
0
0
Blue
#0000ff
0
0
255
100
100
0
0
MediumBlue
#0000cd
0
0
205
100
100
0
20
MidnightBlue
#191970
25
25
112
78
78
0
56
DarkBlue
#00008b
0
0
139
100
100
0
45
Navy
#000080
0
0
128
100
100
0
50
RoyalBlue
#4169e1
65
105
225
71
53
0
12
CornflowerBlue
#6495ed
100
149
237
58
37
0
7
LightSteelBlue
#b0c4de
176
196
222
21
12
0
13
LightSlateGray
#778899
119
136
153
22
11
0
40
SlateGray
#708090
112
128
144
22
11
0
44
DodgerBlue
#1e90ff
30
144
255
88
44
0
0
AliceBlue
#f0f8ff
240
248
255
6
3
0
0
SteelBlue
#4682b4
70
130
180
61
28
0
29
LightSkyBlue
#87cefa
135
206
250
46
18
0
2
SkyBlue
#87ceeb
135
206
235
43
12
0
8
DeepSkyBlue
#00bfff
0
191
255
100
25
0
0
LightBlue
#add8e6
173
216
230
25
6
0
10
PowderBlue
#b0e0e6
176
224
230
23
3
0
10
CadetBlue
#5f9ea0
95
158
160
41
1
0
37
Azure
#f0ffff
240
255
255
6
0
0
0
LightCyan
#e0ffff
224
255
255
12
0
0
0
PaleTurquoise
#afeeee
175
238
238
26
0
0
7
Cyan
#00ffff
0
255
255
100
0
0
0
Aqua
#00ffff
0
255
255
100
0
0
0
DarkTurquoise
#00ced1
0
206
209
100
1
0
18
DarkSlateGray
#2f4f4f
47
79
79
41
0
0
69
DarkCyan
#008b8b
0
139
139
100
0
0
45
Teal
#008080
0
128
128
100
0
0
50
MediumTurquoise
#48d1cc
72
209
204
66
0
2
18
LightSeaGreen
#20b2aa
32
178
170
82
0
4
30
Turquoise
#40e0d0
64
224
208
71
0
7
12
Aquamarine
#7fffd4
127
255
212
50
0
17
0
MediumAquamarine
#66cdaa
102
205
170
50
0
17
20
MediumSpringGreen
#00fa9a
0
250
154
100
0
38
2
MintCream
#f5fffa
245
255
250
4
0
2
0
SpringGreen
#00ff7f
0
255
127
100
0
50
0
MediumSeaGreen
#3cb371
60
179
113
66
0
37
30
SeaGreen
#2e8b57
46
139
87
67
0
37
45
Honeydew
#f0fff0
240
255
240
6
0
6
0
LightGreen
#90ee90
144
238
144
39
0
39
7
PaleGreen
#98fb98
152
251
152
39
0
39
2
DarkSeaGreen
#8fbc8f
143
188
143
24
0
24
26
LimeGreen
#32cd32
50
205
50
76
0
76
20
Lime
#00ff00
0
255
0
100
0
100
0
ForestGreen
#228b22
34
139
34
76
0
76
45
Green
#008000
0
128
0
100
0
100
50
DarkGreen
#006400
0
100
0
100
0
100
61
Chartreuse
#7fff00
127
255
0
50
0
100
0
LawnGreen
#7cfc00
124
252
0
51
0
100
1
GreenYellow
#adff2f
173
255
47
32
0
82
0
DarkOliveGreen
#556b2f
85
107
47
21
0
56
58
YellowGreen
#9acd32
154
205
50
25
0
76
20
OliveDrab
#6b8e23
107
142
35
25
0
75
44
Beige
#f5f5dc
245
245
220
0
0
10
4
LightGoldenrodYellow
#fafad2
250
250
210
0
0
16
2
Ivory
#fffff0
255
255
240
0
0
6
0
LightYellow
#ffffe0
255
255
224
0
0
12
0
Yellow
#ffff00
255
255
0
0
0
100
0
Olive
#808000
128
128
0
0
0
100
50
DarkKhaki
#bdb76b
189
183
107
0
3
43
26
LemonChiffon
#fffacd
255
250
205
0
2
20
0
PaleGoldenrod
#eee8aa
238
232
170
0
3
29
7
Khaki
#f0e68c
240
230
140
0
4
42
6
Gold
#ffd700
255
215
0
0
16
100
0
Cornsilk
#fff8dc
255
248
220
0
3
14
0
Goldenrod
#daa520
218
165
32
0
24
85
15
DarkGoldenrod
#b8860b
184
134
11
0
27
94
28
FloralWhite
#fffaf0
255
250
240
0
2
6
0
OldLace
#fdf5e6
253
245
230
0
3
9
1
Wheat
#f5deb3
245
222
179
0
9
27
4
Moccasin
#ffe4b5
255
228
181
0
11
29
0
Orange
#ffa500
255
165
0
0
35
100
0
PapayaWhip
#ffefd5
255
239
213
0
6
16
0
BlanchedAlmond
#ffebcd
255
235
205
0
8
20
0
NavajoWhite
#ffdead
255
222
173
0
13
32
0
AntiqueWhite
#faebd7
250
235
215
0
6
14
2
Tan
#d2b48c
210
180
140
0
14
33
18
BurlyWood
#deb887
222
184
135
0
17
39
13
Bisque
#ffe4c4
255
228
196
0
11
23
0
DarkOrange
#ff8c00
255
140
0
0
45
100
0
Linen
#faf0e6
250
240
230
0
4
8
2
Peru
#cd853f
205
133
63
0
35
69
20
PeachPuff
#ffdab9
255
218
185
0
15
27
0
SandyBrown
#f4a460
244
164
96
0
33
61
4
Chocolate
#d2691e
210
105
30
0
50
86
18
SaddleBrown
#8b4513
139
69
19
0
50
86
45
Seashell
#fff5ee
255
245
238
0
4
7
0
Sienna
#a0522d
160
82
45
0
49
72
37
LightSalmon
#ffa07a
255
160
122
0
37
52
0
Coral
#ff7f50
255
127
80
0
50
69
0
OrangeRed
#ff4500
255
69
0
0
73
100
0
DarkSalmon
#e9967a
233
150
122
0
36
48
9
Tomato
#ff6347
255
99
71
0
61
72
0
MistyRose
#ffe4e1
255
228
225
0
11
12
0
Salmon
#fa8072
250
128
114
0
49
54
2
Snow
#fffafa
255
250
250
0
2
2
0
LightCoral
#f08080
240
128
128
0
47
47
6
RosyBrown
#bc8f8f
188
143
143
0
24
24
26
IndianRed
#cd5c5c
205
92
92
0
55
55
20
Red
#ff0000
255
0
0
0
100
100
0
Brown
#a52a2a
165
42
42
0
75
75
35
FireBrick
#b22222
178
34
34
0
81
81
30
DarkRed
#8b0000
139
0
0
0
100
100
45
Maroon
#800000
128
0
0
0
100
100
50
White
#ffffff
255
255
255
0
0
0
0
WhiteSmoke
#f5f5f5
245
245
245
0
0
0
4
Gainsboro
#dcdcdc
220
220
220
0
0
0
14
LightGrey
#d3d3d3
211
211
211
0
0
0
17
Silver
#c0c0c0
192
192
192
0
0
0
25
DarkGray
#a9a9a9
169
169
169
0
0
0
34
Gray
#808080
128
128
128
0
0
0
50
DimGray
#696969
105
105
105
0
0
0
59
Black
#000000
0
0
0
0
0
0
100
LightPink
#ffb6c1

Analogous

Count
4
Step
30
hsl(321, 100%, 86%)
#ffb8e6
hsl(351, 100%, 86%)
#ffb8c2
hsl(21, 100%, 86%)
#ffd1b8
hsl(51, 100%, 86%)
#fff4b8

Analogous

321°351°21°51°红绿青蓝
321°
351°
21°
51°

Complementary

Count
4
Step
10
hsl(161, 100%, 86%)
#b8ffe8
hsl(351, 100%, 86%)
#ffb6c1
hsl(181, 100%, 86%)
#b8feff
hsl(191, 100%, 86%)
#b8f2ff

Complementary

161°351°181°191°红绿青蓝
161°
351°(主色)
181°
191°

Triadic

hsl(231, 100%, 86%)
#b8c2ff
hsl(351, 100%, 86%)
#ffb8c2
hsl(111, 100%, 86%)
#c2ffb8

Triadic

231°351°111°红绿青蓝
231°
351°
111°

Tetradic

hsl(336, 100%, 86%)
#ffb8d4
hsl(351, 100%, 86%)
#ffb6c1
hsl(156, 100%, 86%)
#b8ffe2
hsl(171, 100%, 86%)
#b8fff4

Tetradic

336°351°156°171°红绿青蓝
336°
351°(主色)
156°
171°

Monochromatic

Count
6
hsl(351, 100%, 76%)
#ff8597
hsl(351, 100%, 81%)
#ff9ead
hsl(351, 100%, 86%)
#ffb6c1

明暗变化可视化

90% (浅)50%10% (深)

通过调整亮度(Lightness)产生明暗变化

76%亮度
81%亮度
86%亮度 (当前)

Tones

Count
6
hsl(351, 90%, 86%)
#fbbbc5
hsl(351, 95%, 86%)
#fdb9c4
hsl(351, 100%, 86%)
#ffb8c2
hsl(351, 100%, 86%)
#ffb8c2
hsl(351, 100%, 86%)
#ffb8c2
hsl(351, 100%, 86%)
#ffb8c2

浓淡变化可视化

0% (灰)50%100% (鲜艳)

通过调整饱和度(Saturation)产生浓淡变化

90%饱和度
95%饱和度
100%饱和度
100%饱和度
100%饱和度
100%饱和度