主色调设置

#
HEX: #165DFF
RGB: rgb(22, 93, 255)
HSL: hsl(222, 100%, 54%)

颜色方案预览

主色变体

hsl(222, 100%, 95%)
Primary 50
hsl(222, 100%, 84%)
Primary 100
hsl(222, 100%, 69%)
Primary 200
hsl(222, 100%, 59%)
Primary 300
hsl(222, 100%, 49%)
Primary 400
hsl(222, 100%, 54%)
Primary 500
hsl(222, 100%, 39%)
Primary 600
hsl(222, 100%, 24%)
Primary 700
hsl(222, 100%, 9%)
Primary 800
hsl(222, 100%, -6%)
Primary 900

辅助色

hsl(252, 100%, 54%)
Accent 1
hsl(282, 100%, 54%)
Accent 2
hsl(342, 100%, 54%)
Accent 3
hsl(42, 100%, 54%)
Accent 4
hsl(102, 100%, 54%)
Accent 5
hsl(162, 100%, 54%)
Accent 6

中性色

hsl(0, 0%, 100%)
White
hsl(0, 0%, 95%)
Gray 50
hsl(0, 0%, 90%)
Gray 100
hsl(0, 0%, 80%)
Gray 200
hsl(0, 0%, 70%)
Gray 300
hsl(0, 0%, 60%)
Gray 400
hsl(0, 0%, 50%)
Gray 500
hsl(0, 0%, 40%)
Gray 600
hsl(0, 0%, 30%)
Gray 700
hsl(0, 0%, 20%)
Gray 800
hsl(0, 0%, 10%)
Gray 900
hsl(0, 0%, 0%)
Black

功能色

#10B981
Success
#F59E0B
Warning
#EF4444
Error
#3B82F6
Info

代码导出

正在加载加载高亮加载高亮器...