颜色名称查找

查找任意颜色值最接近的 CSS 颜色名称。

颜色名称查找使用加权 RGB 距离，把任意 HEX、RGB、HSL 或 HSV 颜色映射到最接近的 CSS 命名颜色。

颜色

red

#ff0000

输出

{
  "input": "#ff0000",
  "name": "red",
  "hex": "#ff0000",
  "distance": 0
}

使用方法

包含哪些颜色名称？

包含 red、steelblue、rebeccapurple 等常用 CSS 命名颜色。

匹配结果是精确的吗？

返回的是列表中最接近的颜色，因此可能是近似结果。

使用随机、近似、互补和三角模式生成协调配色。

在 HEX、RGB、HSL 和 HSV 之间即时转换颜色。

检查 WCAG 文本和界面对比度。

预览常见色觉障碍下的图片效果。

使用自定义颜色和方向创建 CSS 线性渐变。

生成浅色与深色色阶，并可导出 CSS 变量。