Design Toolbox
设计工具
对比度、格式转换、色阶与色盲模拟，一站式检查
对比度检查器
检查颜色对比度是否符合 WCAG 无障碍标准
示例文本 Aa
对比度21.0:1
AA 大文本 ✓AA 正常 ✓AAA ✓
颜色格式转换
在 HEX、RGB、HSL 格式之间转换
HEX
#6C4BF5RGB
rgb(108, 75, 245)HSL
hsl(252, 89%, 63%)色阶生成器
从基色生成 11 级色阶（类似 Tailwind 50–950）
50
100
200
300
400
500
600
700
800
900
950
颜色混合器
在两种颜色之间按比例混合
#B28AA0色盲模拟器
模拟不同类型色觉障碍下的颜色感知
正常视觉
#6C4BF5红色盲 (Protanopia)
#0070FA绿色盲 (Deuteranopia)
#0066F2蓝色盲 (Tritanopia)
#26789B