灰色色值大全（各种灰色）

灰色是界面的骨架：文字、边框、背景和禁用状态都离不开它。本页列出 31 种灰色——包括 gray、silver、gainsboro、slategray、dimgray 等 10 种 CSS 命名灰色，再加上灰烬灰、战舰灰、炭灰色、枪灰色、铂金色、灰褐灰等冷调与暖调的灰——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 色值，还有一张亮度每 10% 一档的中性灰表。CSS 中 gray 和 grey 两种拼写是同一种颜色。

使用方法

1. 从列表中选择一种灰色。
2. 复制它的 HEX、RGB、HSL 或 CMYK 色值。
3. 用每 10% 一档的表格构建间隔均匀的灰度。
4. 把某种灰色用作背景之前，先看看易读的文字颜色。

计算公式

HSL 亮度为 L% 的中性灰 = 三个通道都取 round(L × 2.55)

中性灰满足 R = G = B。略偏蓝的灰色（石板灰、军校灰）显得偏冷；偏红偏黄的灰色（灰米色、灰褐白）显得偏暖。HSL 的档位在数值上均匀，但在感知上并不均匀——OKLCH 一列给出了各档的感知明度。

示例

石板灰（slategray）是 #708090 = rgb(112, 128, 144)，hsl(210, 12.6%, 50.2%)：从红到蓝偏蓝了 32 级的灰色。在 10% 一档的表中，亮度 50% 为 127.5 → #808080，也就是 CSS 的 gray；30% 为 76.5 → #4D4D4D。