Web Colors
中文
调色板
Material Design
Tailwind CSS
扁平化设计
HTML标准颜色
品牌色
自定义颜色
red
#FFEBEE
red-50
#FFCDD2
red-100
#EF9A9A
red-200
#E57373
red-300
#EF5350
red-400
#F44336
red-500
#E53935
red-600
#D32F2F
red-700
#C62828
red-800
#B71C1C
red-900
pink
#FCE4EC
pink-50
#F8BBD0
pink-100
#F48FB1
pink-200
#F06292
pink-300
#EC407A
pink-400
#E91E63
pink-500
#D81B60
pink-600
#C2185B
pink-700
#AD1457
pink-800
#880E4F
pink-900
purple
#F3E5F5
purple-50
#E1BEE7
purple-100
#CE93D8
purple-200
#BA68C8
purple-300
#AB47BC
purple-400
#9C27B0
purple-500
#8E24AA
purple-600
#7B1FA2
purple-700
#6A1B9A
purple-800
#4A148C
purple-900
deeppurple
#EDE7F6
deeppurple-50
#D1C4E9
deeppurple-100
#B39DDB
deeppurple-200
#9575CD
deeppurple-300
#7E57C2
deeppurple-400
#673AB7
deeppurple-500
#5E35B1
deeppurple-600
#512DA8
deeppurple-700
#4527A0
deeppurple-800
#311B92
deeppurple-900
indigo
#E8EAF6
indigo-50
#C5CAE9
indigo-100
#9FA8DA
indigo-200
#7986CB
indigo-300
#5C6BC0
indigo-400
#3F51B5
indigo-500
#3949AB
indigo-600
#303F9F
indigo-700
#283593
indigo-800
#1A237E
indigo-900
blue
#E3F2FD
blue-50
#BBDEFB
blue-100
#90CAF9
blue-200
#64B5F6
blue-300
#42A5F5
blue-400
#2196F3
blue-500
#1E88E5
blue-600
#1976D2
blue-700
#1565C0
blue-800
#0D47A1
blue-900
lightblue
#E1F5FE
lightblue-50
#B3E5FC
lightblue-100
#81D4FA
lightblue-200
#4FC3F7
lightblue-300
#29B6F6
lightblue-400
#03A9F4
lightblue-500
#039BE5
lightblue-600
#0288D1
lightblue-700
#0277BD
lightblue-800
#01579B
lightblue-900
cyan
#E0F7FA
cyan-50
#B2EBF2
cyan-100
#80DEEA
cyan-200
#4DD0E1
cyan-300
#26C6DA
cyan-400
#00BCD4
cyan-500
#00ACC1
cyan-600
#0097A7
cyan-700
#00838F
cyan-800
#006064
cyan-900
teal
#E0F2F1
teal-50
#B2DFDB
teal-100
#80CBC4
teal-200
#4DB6AC
teal-300
#26A69A
teal-400
#009688
teal-500
#00897B
teal-600
#00796B
teal-700
#00695C
teal-800
#004D40
teal-900
green
#E8F5E9
green-50
#C8E6C9
green-100
#A5D6A7
green-200
#81C784
green-300
#66BB6A
green-400
#4CAF50
green-500
#43A047
green-600
#388E3C
green-700
#2E7D32
green-800
#1B5E20
green-900
lightgreen
#F1F8E9
lightgreen-50
#DCEDC8
lightgreen-100
#C5E1A5
lightgreen-200
#AED581
lightgreen-300
#9CCC65
lightgreen-400
#8BC34A
lightgreen-500
#7CB342
lightgreen-600
#689F38
lightgreen-700
#558B2F
lightgreen-800
#33691E
lightgreen-900
lime
#F9FBE7
lime-50
#F0F4C3
lime-100
#E6EE9C
lime-200
#DCE775
lime-300
#D4E157
lime-400
#CDDC39
lime-500
#C0CA33
lime-600
#AFB42B
lime-700
#9E9D24
lime-800
#827717
lime-900
yellow
#FFFDE7
yellow-50
#FFF9C4
yellow-100
#FFF59D
yellow-200
#FFF176
yellow-300
#FFEE58
yellow-400
#FFEB3B
yellow-500
#FDD835
yellow-600
#FBC02D
yellow-700
#F9A825
yellow-800
#F57F17
yellow-900
amber
#FFF8E1
amber-50
#FFECB3
amber-100
#FFE082
amber-200
#FFD54F
amber-300
#FFCA28
amber-400
#FFC107
amber-500
#FFB300
amber-600
#FFA000
amber-700
#FF8F00
amber-800
#FF6F00
amber-900
orange
#FFF3E0
orange-50
#FFE0B2
orange-100
#FFCC80
orange-200
#FFB74D
orange-300
#FFA726
orange-400
#FF9800
orange-500
#FB8C00
orange-600
#F57C00
orange-700
#EF6C00
orange-800
#E65100
orange-900
deeporange
#FBE9E7
deeporange-50
#FFCCBC
deeporange-100
#FFAB91
deeporange-200
#FF8A65
deeporange-300
#FF7043
deeporange-400
#FF5722
deeporange-500
#F4511E
deeporange-600
#E64A19
deeporange-700
#D84315
deeporange-800
#BF360C
deeporange-900
brown
#EFEBE9
brown-50
#D7CCC8
brown-100
#BCAAA4
brown-200
#A1887F
brown-300
#8D6E63
brown-400
#795548
brown-500
#6D4C41
brown-600
#5D4037
brown-700
#4E342E
brown-800
#3E2723
brown-900
grey
#FAFAFA
grey-50
#F5F5F5
grey-100
#EEEEEE
grey-200
#E0E0E0
grey-300
#BDBDBD
grey-400
#9E9E9E
grey-500
#757575
grey-600
#616161
grey-700
#424242
grey-800
#212121
grey-900
bluegrey
#ECEFF1
bluegrey-50
#CFD8DC
bluegrey-100
#B0BEC5
bluegrey-200
#90A4AE
bluegrey-300
#78909C
bluegrey-400
#607D8B
bluegrey-500
#546E7A
bluegrey-600
#455A64
bluegrey-700
#37474F
bluegrey-800
#263238
bluegrey-900