对比度检查器
Hello World - 示例文字预览
RATIO3.29:1AA FAILAAA FAIL
颜色转换
快速互转 HEX、RGB、HSL、HSV、CMYK 等颜色格式，并一键复制 CSS 代码
已识别为 HEX
100%
预设 UI 配色
颜色模型说明
了解不同颜色格式的应用场景与原理
HEX（十六进制）
网页设计中最常用的格式，由 # 加上 6 或 8 位十六进制数字组成，支持透明度。
HSL（色相/饱和度/亮度）
对人类最直观的模型。改变色相可获得不同颜色，调整亮度即可获得同色系的明暗变化。
CMYK（印刷色）
青、洋红、黄、黑四种油墨混合，用于实体印刷，色域相较于 RGB 略窄。
RGB / RGBA
基于发光屏幕的三原色模型，每个通道取值 0-255，A 代表 Alpha 通道控制透明度。
常见问题
什么是网页设计中最常用的颜色格式？
HEX 和 RGB 是网页设计中最常用的颜色格式。HEX 简洁易复制，RGB 便于脚本和组件系统使用。
如何选择合适的对比度？
普通正文建议对比度至少达到 4.5:1，大字号文字至少达到 3:1；本工具会同时显示 AA 和 AAA 检测结果。
转换过程是否涉及隐私泄露？
不会。颜色解析和转换全部在浏览器本地完成，不会上传输入内容。
颜色转换使用说明
输入示例
输入 #4A90E2，设置 80% 透明度并填写 CSS 变量名 color-primary。
结果说明
同步展示 HEX、RGB、HSL、HSV、CMYK、CSS 变量和前景/背景对比度。
边界与限制
CMYK 为通用数学近似，正式印刷结果依赖设备和 ICC 配置；透明度会影响对比度。
常见错误
HEX 透明度需使用 8 位格式；CSS 变量名无需手动输入开头的两个连字符。