GreenBeige
#c9bb88
201
187
136
0
7
32
21
Beige
#ccb083
204
176
131
0
14
36
20
SandYellow
#cdaa6d
205
170
109
0
17
47
20
SignalYellow
#f2a900
242
169
0
0
30
100
5
GoldenYellow
#dd9f00
221
159
0
0
28
100
13
HoneyYellow
#c58f00
197
143
0
0
27
100
23
MaizeYellow
#db9100
219
145
0
0
34
100
14
DaffodilYellow
#e28d00
226
141
0
0
38
100
11
BrownBeige
#ab814f
171
129
79
0
25
54
33
LemonYellow
#d6b025
214
176
37
0
18
83
16
OysterWhite
#e1dac7
225
218
199
0
3
12
12
Ivory
#d9c59a
217
197
154
0
9
29
15
LightIvory
#e3d3b5
227
211
181
0
7
20
11
SulfurYellow
#e8de35
232
222
53
0
4
77
9
SaffronYellow
#f0aa50
240
170
80
0
29
67
6
ZincYellow
#f2cb2e
242
203
46
0
16
81
5
GreyBeige
#a28f7a
162
143
122
0
12
25
36
OliveYellow
#9d8f65
157
143
101
0
9
36
38
RapeYellow
#eeb700
238
183
0
0
23
100
7
TrafficYellow
#efb700
239
183
0
0
23
100
6
OchreYellow
#b5904b
181
144
75
0
20
59
29
Curry
#a2800c
162
128
12
0
21
93
36
MelonYellow
#ff9c00
255
156
0
0
39
100
0
BroomYellow
#dba400
219
164
0
0
25
100
14
DahliaYellow
#f39b1b
243
155
27
0
36
89
5
PastelYellow
#e69d51
230
157
81
0
32
65
10
YellowOrange
#d56f00
213
111
0
0
48
100
16
RedOrange
#b6481c
182
72
28
0
60
85
29
Vermilion
#bc3823
188
56
35
0
70
81
26
PastelOrange
#f17829
241
120
41
0
50
83
5
PureOrange
#de5306
222
83
6
0
63
97
13
BrightRedOrange
#e86b22
232
107
34
0
54
85
9
TrafficOrange
#da530a
218
83
10
0
62
95
15
SignalOrange
#cc5d29
204
93
41
0
54
80
20
DeepOrange
#dd6e0f
221
110
15
0
50
93
13
SalmonOrange
#d1654e
209
101
78
0
52
63
18
FlameRed
#a42821
164
40
33
0
76
80
36
SignalRed
#982323
152
35
35
0
77
77
40
CarmineRed
#982222
152
34
34
0
78
78
40
RubyRed
#841922
132
25
34
0
81
74
48
PurpleRed
#691b23
105
27
35
0
74
67
59
WineRed
#58181f
88
24
31
0
73
65
65
BlackRed
#3d2022
61
32
34
0
48
44
76
OxideRed
#663029
102
48
41
0
53
60
60
BrownRed
#772424
119
36
36
0
70
70
53
BeigeRed
#c2856d
194
133
109
0
31
44
24
TomatoRed
#952e25
149
46
37
0
69
75
42
AntiquePink
#c97375
201
115
117
0
43
42
21
LightPink
#d7a0a6
215
160
166
0
26
23
16
CoralRed
#a43c30
164
60
48
0
63
71
36
Rose
#c8545d
200
84
93
0
58
53
22
StrawberryRed
#c43e4a
196
62
74
0
68
62
23
TrafficRed
#b81d13
184
29
19
0
84
90
28
SalmonPink
#cc6955
204
105
85
0
49
58
20
RaspberryRed
#a9263d
169
38
61
0
78
64
34
OrientRed
#a43338
164
51
56
0
69
66
36
RedLilac
#836083
131
96
131
0
27
0
49
Redviolet
#8c3c4b
140
60
75
0
57
46
45
Heatherviolet
#c4608c
196
96
140
0
51
29
23
Claretviolet
#641d39
100
29
57
0
71
43
61
BlueLilac
#7b679a
123
103
154
20
33
0
40
Trafficpurple
#913073
145
48
115
0
67
21
43
Purpleviolet
#47243c
71
36
60
0
49
15
72
Signalviolet
#874b83
135
75
131
0
44
3
47
Pastelviolet
#9d8592
157
133
146
0
15
7
38
VioletBlue
#384e6f
56
78
111
50
30
0
56
GreenBlue
#1d4c64
29
76
100
71
24
0
61
UltramarineBlue
#1e367b
30
54
123
76
56
0
52
SapphireBlue
#263855
38
56
85
55
34
0
67
BlackBlue
#1a1e28
26
30
40
35
25
0
84
SignalBlue
#005187
0
81
135
100
40
0
47
BrilliantBlue
#426a8c
66
106
140
53
24
0
45
GreyBlue
#2d3a44
45
58
68
34
15
0
73
AzureBlue
#2d5e78
45
94
120
62
22
0
53
GentianBlue
#004e7c
0
78
124
100
37
0
51
SteelBlue
#1e2b3d
30
43
61
51
30
0
76
LightBlue
#2e88b6
46
136
182
75
25
0
29
CobaltBlue
#223053
34
48
83
59
42
0
67
PigeonBlue
#687c96
104
124
150
31
17
0
41
SkyBlue
#0b7bb0
11
123
176
94
30
0
31
TrafficBlue
#005a8c
0
90
140
100
36
0
45
TurquoiseBlue
#1b8b8c
27
139
140
81
1
0
45
CapriBlue
#0f5d84
15
93
132
89
30
0
48
OceanBlue
#00414b
0
65
75
100
13
0
71
WaterBlue
#007577
0
117
119
100
2
0
53
NightBlue
#2b2c5a
43
44
90
52
51
0
65
DistantBlue
#4a688d
74
104
141
48
26
0
45
PastelBlue
#6792ac
103
146
172
40
15
0
33
PatinaGreen
#3b7460
59
116
96
49
0
17
55
EmeraldGreen
#316834
49
104
52
53
0
50
59
LeafGreen
#2d5a27
45
90
39
50
0
57
65
OliveGreen
#4e533b
78
83
59
6
0
29
67
BlueGreen
#084442
8
68
66
88
0
3
73
MossGreen
#114232
17
66
50
74
0
24
74
Greyolive
#3b392e
59
57
46
0
3
22
77
BottleGreen
#2a3222
42
50
34
16
0
32
80
BrownGreen
#36342a
54
52
42
0
4
22
79
FirGreen
#27362a
39
54
42
28
0
22
79
GrassGreen
#486f38
72
111
56
35
0
50
56
ResedaGreen
#697d58
105
125
88
16
0
30
51
BlackGreen
#303d3a
48
61
58
21
0
5
76
ReedGreen
#7a765a
122
118
90
0
3
26
52
Yellowolive
#464135
70
65
53
0
7
24
73
Blackolive
#3c3d36
60
61
54
2
0
11
76
TurquoiseGreen
#006a4c
0
106
76
100
0
28
58
MayGreen
#53803f
83
128
63
35
0
51
50
YellowGreen
#599a39
89
154
57
42
0
63
40
PastelGreen
#b7ceac
183
206
172
11
0
17
19
ChromeGreen
#36422f
54
66
47
18
0
29
74
PaleGreen
#879a77
135
154
119
12
0
23
40
Brownolive
#393327
57
51
39
0
11
32
78
TrafficGreen
#008450
0
132
80
100
0
39
48
FernGreen
#5a6e3b
90
110
59
18
0
46
57
OpalGreen
#005f4e
0
95
78
100
0
18
63
LightGreen
#80bab5
128
186
181
31
0
3
27
PineGreen
#305442
48
84
66
43
0
21
67
MintGreen
#00703c
0
112
60
100
0
46
56
SignalGreen
#1c8051
28
128
81
78
0
37
50
Mintturquoise
#48877f
72
135
127
47
0
6
47
Pastelturquoise
#7cadac
124
173
172
28
0
1
32
SquirrelGrey
#7b888e
123
136
142
13
4
0
44
SilverGrey
#8e969d
142
150
157
10
4
0
38
OliveGrey
#7f7863
127
120
99
0
6
22
50
MossGrey
#787769
120
119
105
0
1
13
53
SignalGrey
#9b9b9b
155
155
155
0
0
0
39
MouseGrey
#6b6e6b
107
110
107
3
0
3
57
BeigeGrey
#756a5e
117
106
94
0
9
20
54
KhakiGrey
#725f3c
114
95
60
0
17
47
55
GreenGrey
#5c6058
92
96
88
4
0
8
62
TarpaulinGrey
#585c56
88
92
86
4
0
7
64
IronGrey
#53595d
83
89
93
11
4
0
64
BasaltGrey
#585d5e
88
93
94
6
1
0
63
BrownGrey
#565044
86
80
68
0
7
21
66
SlateGrey
#505359
80
83
89
10
7
0
65
AnthraciteGrey
#383e42
56
62
66
15
6
0
74
BlackGrey
#303234
48
50
52
8
4
0
80
UmbraGrey
#4c4a44
76
74
68
0
3
11
70
ConcreteGrey
#7f8076
127
128
118
1
0
8
50
GraphiteGrey
#46494f
70
73
79
11
8
0
69
GraniteGrey
#384345
56
67
69
19
3
0
73
StoneGrey
#918e85
145
142
133
0
2
8
43
BlueGrey
#5d686d
93
104
109
15
5
0
57
PebbleGrey
#b4b0a1
180
176
161
0
2
11
29
CementGrey
#7e8274
126
130
116
3
0
11
49
YellowGrey
#90886f
144
136
111
0
6
23
44
LightGrey
#c5c7c4
197
199
196
1
0
2
22
PlatinumGrey
#979392
151
147
146
0
3
3
41
DustyGrey
#7a7b7a
122
123
122
1
0
1
52
AgateGrey
#afb1a9
175
177
169
1
0
5
31
QuartzGrey
#6a665e
106
102
94
0
4
11
58
WindowGrey
#989ea1
152
158
161
6
2
0
37
TrafficGreyA
#8e9291
142
146
145
3
0
1
43
TrafficGreyB
#4f5250
79
82
80
4
0
2
68
SilkGrey
#b6b3a8
182
179
168
0
2
8
29
TeleGrey1
#8e9295
142
146
149
5
2
0
42
TeleGrey2
#7f868a
127
134
138
8
3
0
46
TeleGrey4
#c8c8c7
200
200
199
0
0
0
22
GreenBrown
#866a3e
134
106
62
0
21
54
47
OchreBrown
#99632b
153
99
43
0
35
72
40
SignalBrown
#774d3e
119
77
62
0
35
48
53
ClayBrown
#7c4b27
124
75
39
0
40
69
51
CopperBrown
#8a4931
138
73
49
0
47
64
46
FawnBrown
#6d462b
109
70
43
0
36
61
57
OliveBrown
#6f4a25
111
74
37
0
33
67
56
NutBrown
#583827
88
56
39
0
36
56
65
RedBrown
#64332b
100
51
43
0
49
57
61
SepiaBrown
#483526
72
53
38
0
26
47
72
ChestnutBrown
#5d2f27
93
47
39
0
49
58
64
MahoganyBrown
#4b2b20
75
43
32
0
43
57
71
ChocolateBrown
#432f29
67
47
41
0
30
39
74
GreyBrown
#3d3635
61
54
53
0
11
13
76
BlackBrown
#1a1719
26
23
25
0
12
4
90
OrangeBrown
#a05729
160
87
41
0
46
74
37
BeigeBrown
#765038
118
80
56
0
32
53
54
PaleBrown
#735847
115
88
71
0
23
38
55
TerraBrown
#4f3a2a
79
58
42
0
27
47
69
Cream
#e7e1d2
231
225
210
0
3
9
9
GreyWhite
#d6d5cb
214
213
203
0
0
5
16
SignalWhite
#ecece7
236
236
231
0
0
2
7
SignalBlack
#2b2b2c
43
43
44
2
2
0
83
JetBlack
#0e0e10
14
14
16
12
12
0
94
WhiteAluminium
#a1a1a0
161
161
160
0
0
1
37
GreyAluminium
#868581
134
133
129
0
1
4
47
PureWhite
#f0ede1
240
237
225
0
1
6
6
GraphiteBlack
#27292b
39
41
43
9
5
0
83
TrafficWhite
#f0f1ea
240
241
234
0
0
3
5
TrafficBlack
#2a292a
42
41
42
0
2
0
84
PapyrusWhite
#c7cbc4
199
203
196
2
0
3
20
GreenBeige
#c9bb88

Analogous

Count
4
Step
30
hsl(17, 38%, 66%)
#c99a87
hsl(47, 38%, 66%)
#c9bb87
hsl(77, 38%, 66%)
#b7c987
hsl(107, 38%, 66%)
#96c987

Analogous

17°47°77°107°绿
17°
47°
77°
107°

Complementary

Count
4
Step
10
hsl(217, 38%, 66%)
#87a1c9
hsl(47, 38%, 66%)
#c9bb88
hsl(237, 38%, 66%)
#878bc9
hsl(247, 38%, 66%)
#8f87c9

Complementary

217°47°237°247°绿
217°
47°(主色)
237°
247°

Triadic

hsl(287, 38%, 66%)
#bb87c9
hsl(47, 38%, 66%)
#c9bb87
hsl(167, 38%, 66%)
#87c9bb

Triadic

287°47°167°绿
287°
47°
167°

Tetradic

hsl(32, 38%, 66%)
#c9aa87
hsl(47, 38%, 66%)
#c9bb88
hsl(212, 38%, 66%)
#87a6c9
hsl(227, 38%, 66%)
#8796c9

Tetradic

32°47°212°227°绿
32°
47°(主色)
212°
227°

Monochromatic

Count
6
hsl(47, 38%, 56%)
#b9a764
hsl(47, 38%, 61%)
#c1b176
hsl(47, 38%, 66%)
#c9bb88
hsl(47, 38%, 71%)
#d1c599
hsl(47, 38%, 76%)
#d9cfab
hsl(47, 38%, 81%)
#e1d9bc

明暗变化可视化

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

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

56%亮度
61%亮度
66%亮度 (当前)
71%亮度
76%亮度
81%亮度

Tones

Count
6
hsl(47, 28%, 66%)
#c1b690
hsl(47, 33%, 66%)
#c5b98c
hsl(47, 38%, 66%)
#c9bb87
hsl(47, 43%, 66%)
#cebd83
hsl(47, 48%, 66%)
#d2c07f
hsl(47, 53%, 66%)
#d6c27a

浓淡变化可视化

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

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

28%饱和度
33%饱和度
38%饱和度
43%饱和度
48%饱和度
53%饱和度