颜色转换器
粘贴或选取任意 CSS 颜色，得到所有格式；检查它与背景的对比度，确保文字清晰可读。
任意 CSS 颜色：#2447c4、rgb(36 71 196)、hsl(227 69% 46%)、oklch(47% 0.2 265)、rebeccapurple…
| 格式 | 值 | 复制 |
|---|---|---|
| HEX | — | |
| RGB | — | |
| HSL | — | |
| HWB | — | |
| OKLCH | — | |
| OKLab | — | |
| CMYK | — |
对比度
敏捷的棕色狐狸跳过了懒狗。
- 对比度
- —
- AA 普通文字（4.5:1）
- —
- AA 大号文字（3:1）
- —
- AAA 普通文字（7:1）
- —
- 白底
- —
- 黑底
- —
常见问题
需要多大的对比度？
WCAG 2 的 AA 级要求普通文字至少 4.5:1，大号文字（约 24 px，或粗体 19 px）至少 3:1；AAA 级分别为 7:1 和 4.5:1。标志和装饰性文字不受限制。
为什么用 OKLCH？
OKLCH 的设计让相同步长在人眼看来差别相同。只改亮度时色相保持稳定，很适合构建调色板和深色主题。所有现代浏览器都在 CSS 中支持它。