#696969
dimgray / dimgrey
顏色值 顏色表示法——HEX(十六進位)、RGB(光的三原色)、HSL(色相/飽和度/明度)、CMYK(印刷油墨,近似值)。
- HEX
-
#696969 - RGB
-
rgb(105, 105, 105) - HSL
-
hsl(0, 0%, 41%) - OKLCH
-
oklch(52.1% 0 0) - CMYK
-
0% 0% 0% 59%
- 相對亮度 相對亮度:顏色的明亮程度,從 0(黑)到 1(白)。用於計算 WCAG 對比度。
- 0.1413
- 色相 色相:顏色的類別(紅、橙、黃……)。我們將色相環分為 12 個區段。
- 無彩色
- CSS 顏色名稱
- dimgray / dimgrey
對比度
| 比值 對比度:兩種顏色之間的明暗差異,從 1:1 到 21:1。數值越大越易讀。 | APCA(Lc) APCA:源自 WCAG 3 草案的較新知覺對比度量。Lc 大致在 0–106 之間,數值越大越易讀。符號表示明暗極性(淺底深字,或深底淺字)。 | |
|---|---|---|
| 作背景 | ||
| 白字 | 5.49:1 | -83 |
| 黑字 | 3.83:1 | 27 |
| 作文字 | ||
| 白底 | 5.49:1 | 77 |
| 黑底 | 3.83:1 | -24 |
調和配色
暗色與淺色 暗色與淺色:向白色混合得到的更淺級別(淺色)和向黑色混合得到的更深級別(暗色)。
印象 印象:描述顏色所帶氛圍的標籤——溫暖、平靜、鮮豔等。
使用預覽
作背景(黑字)
作背景(白字)
作文字(白底)
作文字(黑底)
試試配色
背景 文字