颜色对比度检查
检查文字与背景的 WCAG 2.2 对比度，实时预览并分别显示普通与大号文字的 AA、AAA 结果。
颜色格式转换
转换 HEX、RGB、HSL 与透明度，实时查看色样，并复制可直接使用的 CSS 颜色。
直接修改任意一种色值，其他格式和色样会同步更新。
工具介绍
把设计稿色值填入 CSS 或核对透明颜色时，可以直接修改手头的格式。当前处理 sRGB 色值，不做 CMYK 或印刷专色转换。
使用说明
输入 HEX、RGB 或 HSL，或使用取色控件选色。透明度滑块会同步更新结果；支持三、四、六、八位 HEX，以及带透明度的 RGB/HSL。
RGB 通道可用 0–255 或百分比，HSL 的饱和度与亮度使用百分比。超出范围的值会提示错误；本工具不转换印刷 CMYK 或广色域色彩空间。
HEX、RGB、HSL 分别提供独立输入框，修改任一个，另外两个即时联动。正在编辑的输入保留文字和光标，不会反复重写；未输入完整或无效时标记对应字段，修正前不能复制颜色。
常见问题
八位 HEX 的透明度在开头还是结尾？
这里使用 CSS 的 #RRGGBBAA，透明度是最后两位。部分软件使用 ARGB 顺序，复制前应确认；HSL 和 RGB 也支持透明度。
RGB 和 HSL 可以使用哪些写法？
例如 rgb(255 0 0 / 50%) 或 hsl(0 100% 50%)。也支持逗号语法，但不要把逗号与斜杠混用；颜色名称和 CMYK 不在支持范围内。
50% 透明度转为 HEX 后为什么略有变化？
HEX 的透明度只有 256 档，0.5 会舍入为 80，实际代表 128/255。需要保留小数透明度时，可使用 RGB 或 HSL 结果，而非八位 HEX。
相关工具
在新标签页打开
评论
0