颜色名称生成器

输入一个 HEX 色值,在 CSS 标准 148 个命名颜色中查找精确匹配;若无精确匹配,则按 RGB 欧氏距离给出最近似的命名颜色并显示距离。同时输出 hex、rgb、hsl 值,全部在浏览器本地完成。

输入颜色 等待输入
颜色选择

支持 3 位或 6 位十六进制色值;颜色选择器与十六进制输入实时同步。

命名结果
HEX—
名称—
距离—
RGB—
选择颜色或输入 HEX,点击「生成名称」,结果将显示在这里。

精确匹配取自 CSS 标准命名颜色;无精确匹配时给出 RGB 欧氏距离最近的命名色。

计算规则
  • 命名颜色表为 CSS Color Module Level 4 定义的 148 个关键字颜色,如 aliceblue 对应 #f0f8ff。
  • 精确匹配:把输入色值规范化后与表中 HEX 逐一比对,命中即输出该名称。
  • 最近似匹配:在 RGB 空间计算 √(Δr²+Δg²+Δb²),取距离最小的命名色。
  • HSL 由 RGB 按标准公式换算,取整到整数度/百分比。
  • HEX 同时支持 #rgb 与 #rrggbb 两种写法。
  • 本工具不涉及图片取色,仅对给定色值做命名查询。