#d3d3d3
lightgray / lightgrey
颜色值 颜色表示法——HEX(十六进制)、RGB(光的三原色)、HSL(色相/饱和度/明度)、CMYK(印刷油墨,近似值)。
- HEX
-
#d3d3d3 - RGB
-
rgb(211, 211, 211) - HSL
-
hsl(0, 0%, 83%) - OKLCH
-
oklch(86.7% 0 0) - CMYK
-
0% 0% 0% 17%
- 相对亮度 相对亮度:颜色的明亮程度,从 0(黑)到 1(白)。用于计算 WCAG 对比度。
- 0.6514
- 色相 色相:颜色的类别(红、橙、黄……)。我们将色相环分为 12 个区段。
- 无彩色
- CSS 颜色名称
- lightgray / lightgrey
对比度
| 比值 对比度:两种颜色之间的明暗差异,从 1:1 到 21:1。数值越大越易读。 | APCA(Lc) APCA:源自 WCAG 3 草案的较新知觉对比度量。Lc 大致在 0–106 之间,数值越大越易读。符号表示明暗极性(浅底深字,或深底浅字)。 | |
|---|---|---|
| 作背景 | ||
| 白字 | 1.5:1 | -26 |
| 黑字 | 14.03:1 | 80 |
| 作文字 | ||
| 白底 | 1.5:1 | 23 |
| 黑底 | 14.03:1 | -80 |
调和配色
暗色与浅色 暗色与浅色:向白色混合得到的更浅级别(浅色)和向黑色混合得到的更深级别(暗色)。
印象 印象:描述颜色所带氛围的标签——温暖、平静、鲜艳等。
使用预览
作背景(黑字)
作背景(白字)
作文字(白底)
作文字(黑底)
试试配色
背景 文字