指定顏色值
拖動滑桿、輸入 HEX 代碼,或使用取色器。顏色值、對比度和調和配色會隨之即時更新。
輸入模式
預設
顏色值
- HEX
-
- RGB
-
- HSL
-
- OKLCH
-
- CMYK
-
對比度
| 比值 對比度:兩種顏色之間的明暗差異,從 1:1 到 21:1。數值越大越易讀。 | APCA(Lc) APCA:源自 WCAG 3 草案的較新知覺對比度量。Lc 大致在 0–106 之間,數值越大越易讀。符號表示明暗極性(淺底深字,或深底淺字)。 | |
|---|---|---|
| 作背景 | ||
| 白字 | ||
| 黑字 | ||
| 作文字 | ||
| 白底 | ||
| 黑底 | ||
調和配色
使用預覽
作背景(黑字)
作背景(白字)
作文字(白底)
作文字(黑底)
試試配色
背景 文字