开发工具
颜色工具箱
转换 HEX、RGB、HSL 颜色，生成调色板并检查文字对比度。
COLOR / TOOLBOX
颜色工具箱
#336699rgb(51, 102, 153)
HEX
#336699RGB
rgb(51, 102, 153)HSL
hsl(210, 50%, 40%)RGB / CHANNELS
RGB 通道
HSL / CHANNELS
HSL 通道
PALETTE / 色板
明暗与互补色
CONTRAST / WCAG
文字对比度检查
示例文字 Aa
清晰的文字颜色，让内容更容易阅读。
对比度6.00:1
AA 正文 AA 大字× AAA 正文 AAA 大字
GUIDE / 颜色工具
关于颜色工具箱
转换常用网页颜色格式，快速生成同色系与互补色，并检查文字和背景是否满足 WCAG 可读性标准。
常见使用场景
- 01在 HEX、RGB 与 HSL 之间转换
- 02为界面生成明暗色阶和互补色
- 03检查正文和大字号文字的颜色对比度
常见问题
对比度多少才算合格？
WCAG AA 要求普通文字至少 4.5:1、大字号文字至少 3:1；AAA 标准分别为 7:1 和 4.5:1。
颜色会上传到服务器吗？
不会。格式转换、调色板和对比度计算都在浏览器中即时完成。