指定颜色值
拖动滑块、输入 HEX 代码,或使用取色器。颜色值、对比度和调和配色会随之实时更新。
输入模式
预设
颜色值
- HEX
-
- RGB
-
- HSL
-
- OKLCH
-
- CMYK
-
对比度
| 比值 对比度:两种颜色之间的明暗差异,从 1:1 到 21:1。数值越大越易读。 | APCA(Lc) APCA:源自 WCAG 3 草案的较新知觉对比度量。Lc 大致在 0–106 之间,数值越大越易读。符号表示明暗极性(浅底深字,或深底浅字)。 | |
|---|---|---|
| 作背景 | ||
| 白字 | ||
| 黑字 | ||
| 作文字 | ||
| 白底 | ||
| 黑底 | ||
调和配色
使用预览
作背景(黑字)
作背景(白字)
作文字(白底)
作文字(黑底)
试试配色
背景 文字