颜色转换器
在 HEX、RGB、HSL 和 OKLCH 之间转换颜色，并检查无障碍对比度（WCAG）。
在你的设备上处理：文件不会离开你的电脑
- hex
- #0f766e
- rgb
- rgb(15 118 110)
- hsl
- hsl(175.3 77.4% 26.1%)
- oklch
- oklch(51.09% 0.0861 186.39)
文字对比度
背景上的示例文字
对比度：5.47:1
| 文字大小 | AA | AAA |
|---|---|---|
| 普通文字 | 通过 | 未通过 |
| 大号文字（18 pt，或 14 pt 粗体） | 通过 | 通过 |
与白色的对比度：5.47:1 · 与黑色：3.84:1
颜色转换器 的功能
颜色转换器可读取 HEX、RGB、HSL、OKLCH 或 CSS 名称表示的颜色，并以所有这些格式显示，方便复制到 CSS 或设计工具中。它还会按照 WCAG 2 指南计算该颜色在背景上的对比度，并告诉您普通文字和大号文字是否达到 AA 和 AAA 级别，确保文字清晰可读。
限制
- 任务超过 1 分钟会自动停止，以免设备卡住。
- 在你的浏览器中处理：文件不会上传到任何服务器。
常见问题
OKLCH 有什么用？
它按亮度、彩度和色相描述颜色，更接近人眼的感知，便于制作协调的配色，所有现代浏览器的 CSS 都支持它。
文字需要多少对比度？
AA 级要求普通文字至少 4.5:1、大号文字 3:1；AAA 级分别为 7:1 和 4.5:1。
支持带透明度的颜色吗？
支持：#RRGGBBAA、rgb(… / 0.5) 等。计算对比度时，会像浏览器一样将颜色与背景混合。