#aaaaaa

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

HEX
#aaaaaa
RGB
rgb(170, 170, 170)
HSL
hsl(0, 0%, 67%)
OKLCH
oklch(73.8% 0 0)
CMYK
0% 0% 0% 33%
相对亮度 相对亮度:颜色的明亮程度,从 0(黑)到 1(白)。用于计算 WCAG 对比度。
0.402
色相 色相:颜色的类别(红、橙、黄……)。我们将色相环分为 12 个区段。
无彩色
最接近的名称 最接近的名称:与此颜色最接近的 CSS 标准颜色名称。
darkgray

对比度

比值 对比度:两种颜色之间的明暗差异,从 1:1 到 21:1。数值越大越易读。 APCA(Lc) APCA:源自 WCAG 3 草案的较新知觉对比度量。Lc 大致在 0–106 之间,数值越大越易读。符号表示明暗极性(浅底深字,或深底浅字)。
作背景
白字 2.32:1 -51
黑字 9.04:1 58
作文字
白底 2.32:1 46
黑底 9.04:1 -56

调和配色

色调阶 色调阶:保持色相不变、改变明度的五个级别。

暗色与浅色 暗色与浅色:向白色混合得到的更浅级别(浅色)和向黑色混合得到的更深级别(暗色)。

印象 印象:描述颜色所带氛围的标签——温暖、平静、鲜艳等。

使用预览

作背景(黑字)

比值 9.04:1 APCA(Lc) 58

作背景(白字)

比值 2.32:1 APCA(Lc) -51

作文字(白底)

比值 2.32:1 APCA(Lc) 46

作文字(黑底)

比值 9.04:1 APCA(Lc) -56