颜色选择器
补色与对比度
WCAG 需谨慎补色
Aa 文字预览
推荐文字色白色文字 · 对比度 4.43:1白字 4.43:1
深字 4.01:1
颜色选择器
选择颜色并转换 HEX、RGB、HSL
浏览器本地处理输入和文件不上传到本站服务器数据处理说明
对比度检测WCAG AA ≥ 4.5 / AAA ≥ 7
使用说明
选颜色，并直接拿到 HEX、RGB、HSL
做设计、写 CSS 或统一品牌颜色时使用。
1用色板选择颜色
2查看不同格式的色值
3一键复制需要的格式
完成后得到可直接粘贴到设计或代码里的颜色值。先选择一个颜色
这个工具解决了你的问题吗？完成操作后告诉我们，反馈会用于改进工具。
把品牌色转换成开发可用的数值
同一个颜色可用 HEX、RGB 和 HSL 表示。复制结果时先确认接收软件需要哪种格式，再用预览核对是否仍是同一颜色。
可核对的例子
输入与设置
#ff0000预期结果
RGB: 255, 0, 0
HSL: 0°, 100%, 50%红色通道为 255，另外两个通道为 0；HSL 的色相 0° 对应红色。可把 HEX 或 RGB 值粘入 CSS，再查看浏览器预览。
适用范围与注意事项
- 颜色转换不能保证不同屏幕或打印机上的观感一致；印刷交付仍需核对色彩空间和实物样张。
- 前景色好看不代表文字可读。需要配正文时，可继续用颜色对比度工具检查与背景的组合。
结果与说明不一致？请附上不含隐私的复现步骤。 反馈问题