HEX-цвет в название
Узнайте название HEX-цвета: введите HEX-код (#RRGGBB, #RGB, с # или без него), чтобы получить ближайший именованный цвет CSS по евклидову расстоянию в RGB, точное ли это совпадение и ранжированный список ближайших именованных цветов.
Ввод
HEX-код вида #FF5733, FF5733, #F53 или F53 (с # или без него).
Сколько ближайших именованных цветов CSS показать в списке.
Вывод
"Exact match", если HEX точно равен цвету CSS, иначе "Closest match".
| Название цвета | HEX | RGB | Расстояние |
|---|---|---|---|
| No data yet | |||
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hex-color-to-name \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hexColor": "#FF0000",
"matchCount": "5"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `hex-color-to-name` tool (HEX Color to Name) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/hex-color-to-name/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HEX-цвет в название — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Превратите любой HEX-код в название цвета
Бывало, что у вас есть значение вроде #6395EE, и вы думали, как его назвать?
Этот инструмент берёт любой HEX-код цвета и находит ближайший именованный цвет
CSS — понятные человеку ключевые слова вроде red, tomato, cornflowerblue, а
также «соседей» rebeccapurple, которые браузеры понимают нативно. Вставьте код,
и вы получите ближайшее название, узнаете, точное ли это совпадение, и короткий
список цветов, наиболее похожих на ваш.
Всё работает полностью в вашем браузере. Ничего из введённого не отправляется и не записывается в журнал.
Как пользоваться
- Введите HEX-цвет в поле ввода. Принимаются все распространённые форматы:
#FF5733,FF5733, трёхсимвольная сокращённая запись#F53илиF53— с символом#или без него. - По желанию выберите, сколько близких цветов показать (1–10).
- Посмотрите результат: название ближайшего цвета, метку Exact match / Closest match и таблицу ближайших цветов CSS со значениями HEX, RGB и расстоянием. Скопируйте название или скачайте полный список в CSV.
Как вычисляется ближайший цвет
Инструмент сравнивает ваш цвет со 140 стандартными именованными цветами CSS3 /
X11 — теми же, что браузер использует, когда вы пишете color: teal. Каждый
именованный цвет имеет точное значение RGB, определённое спецификацией.
Сопоставление выполняется по евклидову расстоянию в пространстве RGB: каждый
цвет рассматривается как точка (R, G, B), и измеряется прямое расстояние между
вашим цветом и каждым именованным цветом:
distance = √( (R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)² )Побеждает название с наименьшим расстоянием. Расстояние 0.00 означает, что ваш
HEX совпадает с этим цветом CSS, и инструмент отмечает это как Exact match.
Любое другое значение — это Closest match, а число расстояния показывает,
насколько вы далеки от цвета: небольшие значения (менее ~10) визуально неразличимы,
а большие значения означают заметно другой оттенок.
Почему расстояние в RGB?
Евклидово расстояние в RGB быстро, прозрачно и детерминировано — одинаковый ввод всегда даёт одинаковый результат. Это стандартный подход к вопросу «как назвать этот цвет». Оно одинаково учитывает каждый канал, поэтому это не идеальная модель человеческого зрения, но для именования цвета по фиксированной палитре из 140 записей его точности более чем достаточно, а ранжированный список позволяет самому сравнить альтернативы.
Что считается точным совпадением?
Только HEX-коды, которые в точности равны каноническому значению цвета CSS. Например,
#FF0000 — это в точности red, #2E8B57 — в точности seagreen, а #00FFFF
соответствует aqua (его синоним cyan, указанный позже, имеет то же значение).
Часто задаваемые вопросы
Работает ли это без интернета?
Да. Все 140 значений цветов и математика сопоставления загружаются вместе со страницей и выполняются на стороне клиента, поэтому работают без сетевого соединения и ваши данные остаются приватными.
Можно ли пойти в обратном направлении, от названия к HEX-коду?
Этот инструмент работает в направлении HEX → название. Поскольку в таблице для каждого совпадения указаны HEX и RGB, вы также можете использовать её, чтобы проверить название, которое у вас на уме, найдя его в результатах.
Какие форматы можно вставлять?
Шестизначный HEX (#RRGGBB), трёхсимвольная сокращённая запись (#RGB, которая
расширяется удвоением каждой цифры), оба варианта с символом # или без него.
Всё, что не является корректным HEX, отклоняется с понятным сообщением.