CSS 颜色命名

怎么用

1. 打开页面，148 个命名颜色已经全部列出，每个都带色块、HEX、RGB 与 HSL。
2. 在搜索框输入内容，可按名称或 HEX 过滤，例如 slate、gold 或 #708090。
3. 选一个色系把列表收窄到红、橙、黄、绿、青、蓝、紫、粉、棕或中性色。
4. 点击色块复制它的 HEX，或用数值下方的复制名称与复制 HEX。
5. 状态行会显示当前展示了 148 个颜色里的多少个。

常见用法

• 反查某个 HEX 对应的 CSS 名字 —— 把 #708090 粘进搜索框，就知道它是 slategray。
• 给样式表挑一个命名颜色 —— 先筛色系、比色块，再把名字直接复制进 CSS。
• 换算成 HSL 方便做主题 —— 每张卡片都给出 HSL，可以用 hsl() 复用并按亮度微调。
• 核对设计交付 —— 先确认稿子说的是哪个命名颜色，再决定要不要写死 HEX。

常见问题

问：这是 CSS 全部的命名颜色吗？ 答：这是 CSS 颜色规范里的 148 个命名颜色，包含 gray 的两种拼法（gray 与 grey），以及 darkslategray 这类词的两种拼法。

问：色系是怎么判断的？ 答：按每个颜色的色相划分。饱和度低于 12% 的归入中性色，橙色色相范围内偏暗的归入棕色。

问：为什么两个名字的 HEX 一样？ 答：有些名字本来就是别名：aqua 与 cyan、fuchsia 与 magenta、gray 与 grey 取值完全相同，表格把每一个都列了出来。