Поиск названия цвета

Находит ближайшее CSS-название цвета для любого значения.

Поиск названия цвета сопоставляет любой цвет HEX, RGB, HSL или HSV с ближайшим CSS-названием с помощью перцептивной формулы цветового различия CIEDE2000 и может найти цвет по CSS-имени или близкой опечатке.

Цвет

Точное совпадениеСходство 100%

red

#ff0000

HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
HSV: hsv(0, 100%, 100%)

Похожие названия цветов

Выход

{
  "input": "#ff0000",
  "kind": "color",
  "exact": true,
  "name": "red",
  "hex": "#ff0000",
  "distance": 0,
  "similarity": 100,
  "matches": [
    {
      "name": "red",
      "hex": "#ff0000",
      "distance": 0,
      "similarity": 100
    },
    {
      "name": "orangered",
      "hex": "#ff4500",
      "distance": 6.39871686022869,
      "similarity": 94
    },
    {
      "name": "tomato",
      "hex": "#ff6347",
      "distance": 10.197124429842471,
      "similarity": 90
    },
    {
      "name": "crimson",
      "hex": "#dc143c",
      "distance": 13.761170965728436,
      "similarity": 86
    },
    {
      "name": "indianred",
      "hex": "#cd5c5c",
      "distance": 15.22648304730719,
      "similarity": 85
    },
    {
      "name": "coral",
      "hex": "#ff7f50",
      "distance": 15.495106183240578,
      "similarity": 85
    },
    {
      "name": "chocolate",
      "hex": "#d2691e",
      "distance": 15.527021182273668,
      "similarity": 84
    },
    {
      "name": "firebrick",
      "hex": "#b22222",
      "distance": 16.25571503513244,
      "similarity": 84
    }
  ]
}

Как использовать

Введите значение цвета, например #ff6347, или CSS-имя, например tomato.
Просмотрите ближайшее совпадение, оценку сходства и альтернативные названия.
Скопируйте имя, hex-значение или другие значения цвета.

Часто задаваемые вопросы

Какие названия включены?

Все 148 CSS-названий цветов, включая варианты написания grey, lightgrey и slategrey.

Как выбирается ближайший цвет?

Цвета сравниваются по формуле CIEDE2000, которая ближе к человеческому восприятию, чем простое RGB-расстояние.

Можно ли искать по названию цвета?

Да, введите такие имена, как rebeccapurple, steel blue или близкую опечатку.

Поиск названия цвета

Похожие названия цветов

Как использовать

Часто задаваемые вопросы

Генератор цветовых палитр

Конвертер цветов

Проверка контрастности

Симулятор дальтонизма

Генератор цветовых градиентов

Генератор оттенков

Поиск названия цвета

Похожие названия цветов

Как использовать

Часто задаваемые вопросы

Похожие инструменты

Генератор цветовых палитр

Конвертер цветов

Проверка контрастности

Симулятор дальтонизма

Генератор цветовых градиентов

Генератор оттенков