#eeeeee

顏色值 顏色表示法——HEX(十六進位)、RGB(光的三原色)、HSL(色相/飽和度/明度)、CMYK(印刷油墨,近似值)。

HEX
#eeeeee
RGB
rgb(238, 238, 238)
HSL
hsl(0, 0%, 93%)
OKLCH
oklch(94.9% 0 0)
CMYK
0% 0% 0% 7%
相對亮度 相對亮度:顏色的明亮程度,從 0(黑)到 1(白)。用於計算 WCAG 對比度。
0.855
色相 色相:顏色的類別(紅、橙、黃……)。我們將色相環分為 12 個區段。
無彩色
最接近的名稱 最接近的名稱:與此顏色最接近的 CSS 標準顏色名稱。
whitesmoke

對比度

比值 對比度:兩種顏色之間的明暗差異,從 1:1 到 21:1。數值越大越易讀。 APCA(Lc) APCA:源自 WCAG 3 草案的較新知覺對比度量。Lc 大致在 0–106 之間,數值越大越易讀。符號表示明暗極性(淺底深字,或深底淺字)。
作背景
白字 1.16:1 -9
黑字 18.1:1 96
作文字
白底 1.16:1 8
黑底 18.1:1 -97

調和配色

色調階 色調階:保持色相不變、改變明度的五個級別。

暗色與淺色 暗色與淺色:向白色混合得到的更淺級別(淺色)和向黑色混合得到的更深級別(暗色)。

印象 印象:描述顏色所帶氛圍的標籤——溫暖、平靜、鮮豔等。

使用預覽

作背景(黑字)

比值 18.1:1 APCA(Lc) 96

作背景(白字)

比值 1.16:1 APCA(Lc) -9

作文字(白底)

比值 1.16:1 APCA(Lc) 8

作文字(黑底)

比值 18.1:1 APCA(Lc) -97