Color
Hex
示例
渐变
颜色混合器
颜色减法
色轮
颜色名称
对比度
调色板
配色提取
颜色图表
Color
Hex
Advertisement
搜索
Loading...
Material Design
20 color families × 10 shades
共 190 种颜色
Red
#F44336
#FFEBEE
#FFCDD2
#EF9A9A
#E57373
#EF5350
#F44336
#E53935
#D32F2F
#C62828
#B71C1C
色阶
FFEBEE
#FFE
FFCDD2
#FFC
EF9A9A
#EF9
E57373
#E57
EF5350
#EF5
F44336
#F44
E53935
#E53
D32F2F
#D32
C62828
#C62
B71C1C
#B71
Pink
#E91E63
#FCE4EC
#F8BBD0
#F48FB1
#F06292
#EC407A
#E91E63
#D81B60
#C2185B
#AD1457
#880E4F
色阶
FCE4EC
#FCE
F8BBD0
#F8B
F48FB1
#F48
F06292
#F06
EC407A
#EC4
E91E63
#E91
D81B60
#D81
C2185B
#C21
AD1457
#AD1
880E4F
#880
Purple
#9C27B0
#F3E5F5
#E1BEE7
#CE93D8
#BA68C8
#AB47BC
#9C27B0
#8E24AA
#7B1FA2
#6A1B9A
#4A148C
色阶
F3E5F5
#F3E
E1BEE7
#E1B
CE93D8
#CE9
BA68C8
#BA6
AB47BC
#AB4
9C27B0
#9C2
8E24AA
#8E2
7B1FA2
#7B1
6A1B9A
#6A1
4A148C
#4A1
Deep Purple
#673AB7
#EDE7F6
#D1C4E9
#B39DDB
#9575CD
#7E57C2
#673AB7
#5E35B1
#512DA8
#4527A0
#311B92
色阶
EDE7F6
#EDE
D1C4E9
#D1C
B39DDB
#B39
9575CD
#957
7E57C2
#7E5
673AB7
#673
5E35B1
#5E3
512DA8
#512
4527A0
#452
311B92
#311
Indigo
#3F51B5
#E8EAF6
#C5CAE9
#9FA8DA
#7986CB
#5C6BC0
#3F51B5
#3949AB
#303F9F
#283593
#1A237E
色阶
E8EAF6
#E8E
C5CAE9
#C5C
9FA8DA
#9FA
7986CB
#798
5C6BC0
#5C6
3F51B5
#3F5
3949AB
#394
303F9F
#303
283593
#283
1A237E
#1A2
Blue
#2196F3
#E3F2FD
#BBDEFB
#90CAF9
#64B5F6
#42A5F5
#2196F3
#1E88E5
#1976D2
#1565C0
#0D47A1
色阶
E3F2FD
#E3F
BBDEFB
#BBD
90CAF9
#90C
64B5F6
#64B
42A5F5
#42A
2196F3
#219
1E88E5
#1E8
1976D2
#197
1565C0
#156
0D47A1
#0D4
Light Blue
#03A9F4
#E1F5FE
#B3E5FC
#81D4FA
#4FC3F7
#29B6F6
#03A9F4
#039BE5
#0288D1
#0277BD
#01579B
色阶
E1F5FE
#E1F
B3E5FC
#B3E
81D4FA
#81D
4FC3F7
#4FC
29B6F6
#29B
03A9F4
#03A
039BE5
#039
0288D1
#028
0277BD
#027
01579B
#015
Cyan
#00BCD4
#E0F7FA
#B2EBF2
#80DEEA
#4DD0E1
#26C6DA
#00BCD4
#00ACC1
#0097A7
#00838F
#006064
色阶
E0F7FA
#E0F
B2EBF2
#B2E
80DEEA
#80D
4DD0E1
#4DD
26C6DA
#26C
00BCD4
#00B
00ACC1
#00A
0097A7
#009
00838F
#008
006064
#006
Teal
#009688
#E0F2F1
#B2DFDB
#80CBC4
#4DB6AC
#26A69A
#009688
#00897B
#00796B
#00695C
#004D40
色阶
E0F2F1
#E0F
B2DFDB
#B2D
80CBC4
#80C
4DB6AC
#4DB
26A69A
#26A
009688
#009
00897B
#008
00796B
#007
00695C
#006
004D40
#004
Green
#4CAF50
#E8F5E9
#C8E6C9
#A5D6A7
#81C784
#66BB6A
#4CAF50
#43A047
#388E3C
#2E7D32
#1B5E20
色阶
E8F5E9
#E8F
C8E6C9
#C8E
A5D6A7
#A5D
81C784
#81C
66BB6A
#66B
4CAF50
#4CA
43A047
#43A
388E3C
#388
2E7D32
#2E7
1B5E20
#1B5
Light Green
#8BC34A
#F1F8E9
#DCEDC8
#C5E1A5
#AED581
#9CCC65
#8BC34A
#7CB342
#689F38
#558B2F
#33691E
色阶
F1F8E9
#F1F
DCEDC8
#DCE
C5E1A5
#C5E
AED581
#AED
9CCC65
#9CC
8BC34A
#8BC
7CB342
#7CB
689F38
#689
558B2F
#558
33691E
#336
Lime
#CDDC39
#F9FBE7
#F0F4C3
#E6EE9C
#DCE775
#D4E157
#CDDC39
#C0CA33
#AFB42B
#9E9D24
#827717
色阶
F9FBE7
#F9F
F0F4C3
#F0F
E6EE9C
#E6E
DCE775
#DCE
D4E157
#D4E
CDDC39
#CDD
C0CA33
#C0C
AFB42B
#AFB
9E9D24
#9E9
827717
#827
Yellow
#FFEB3B
#FFFDE7
#FFF9C4
#FFF59D
#FFF176
#FFEE58
#FFEB3B
#FDD835
#FBC02D
#F9A825
#F57F17
色阶
FFFDE7
#FFF
FFF9C4
#FFF
FFF59D
#FFF
FFF176
#FFF
FFEE58
#FFE
FFEB3B
#FFE
FDD835
#FDD
FBC02D
#FBC
F9A825
#F9A
F57F17
#F57
Amber
#FFC107
#FFF8E1
#FFECB3
#FFE082
#FFD54F
#FFCA28
#FFC107
#FFB300
#FFA000
#FF8F00
#FF6F00
色阶
FFF8E1
#FFF
FFECB3
#FFE
FFE082
#FFE
FFD54F
#FFD
FFCA28
#FFC
FFC107
#FFC
FFB300
#FFB
FFA000
#FFA
FF8F00
#FF8
FF6F00
#FF6
Orange
#FF9800
#FFF3E0
#FFE0B2
#FFCC80
#FFB74D
#FFA726
#FF9800
#FB8C00
#F57C00
#EF6C00
#E65100
色阶
FFF3E0
#FFF
FFE0B2
#FFE
FFCC80
#FFC
FFB74D
#FFB
FFA726
#FFA
FF9800
#FF9
FB8C00
#FB8
F57C00
#F57
EF6C00
#EF6
E65100
#E65
Deep Orange
#FF5722
#FBE9E7
#FFCCBC
#FFAB91
#FF8A65
#FF7043
#FF5722
#F4511E
#E64A19
#D84315
#BF360C
色阶
FBE9E7
#FBE
FFCCBC
#FFC
FFAB91
#FFA
FF8A65
#FF8
FF7043
#FF7
FF5722
#FF5
F4511E
#F45
E64A19
#E64
D84315
#D84
BF360C
#BF3
Brown
#795548
#EFEBE9
#D7CCC8
#BCAAA4
#A1887F
#8D6E63
#795548
#6D4C41
#5D4037
#4E342E
#3E2723
色阶
EFEBE9
#EFE
D7CCC8
#D7C
BCAAA4
#BCA
A1887F
#A18
8D6E63
#8D6
795548
#795
6D4C41
#6D4
5D4037
#5D4
4E342E
#4E3
3E2723
#3E2
Grey
#9E9E9E
#FAFAFA
#F5F5F5
#EEEEEE
#E0E0E0
#BDBDBD
#9E9E9E
#757575
#616161
#424242
#212121
色阶
FAFAFA
#FAF
F5F5F5
#F5F
EEEEEE
#EEE
E0E0E0
#E0E
BDBDBD
#BDB
9E9E9E
#9E9
757575
#757
616161
#616
424242
#424
212121
#212
Blue Grey
#607D8B
#ECEFF1
#CFD8DC
#B0BEC5
#90A4AE
#78909C
#607D8B
#546E7A
#455A64
#37474F
#263238
色阶
ECEFF1
#ECE
CFD8DC
#CFD
B0BEC5
#B0B
90A4AE
#90A
78909C
#789
607D8B
#607
546E7A
#546
455A64
#455
37474F
#374
263238
#263