# Определитель имён цветов CSS Находит ближайший именованный цвет CSS для любого hex-значения по метрике CIEDE2000 и показывает всё семейство цвета. > Каноническая страница: https://elysiatools.com/ru/tools/css-color-name-resolver - **Категория:** Design - **Ключевые слова:** имя цвета css, ближайший цвет, delta e, ciede2000, семейство цветов, hex в название ## Обзор Основан на полном списке ключевых слов CSS Color Module Level 4 (148 слов, 139 различных цветов; псевдонимы gray/grey, aqua/cyan, fuchsia/magenta объединены). Расстояние — CIEDE2000 (версия Sharma/Wu/Dalal 2005 со случаями перехода тона 180°) через sRGB → линейный RGB → XYZ(D65) → CIELab; классические сервисы считают чистую RGB-метрику и плохо ранжируют тёмно-синие — переключите метрику, чтобы увидеть разницу. Обзор семейств делит 139 цветов на 12 групп по HSL-порогам. Ориентир ΔE: <1 незаметно, 1–2 едва заметно, 2–10 очевидно, ≥50 противоположные цвета. ## Входные данные - **Цвет (hex или имя CSS)** (text): #3366ff or cornflowerblue - **Метрика расстояния** (select) - **Режим результата** (select) - **Количество совпадений** (number) ## Когда использовать - Подбор семантического имени CSS для произвольного HEX-значения из макета. - Поиск близких стандартных оттенков внутри одного цветового семейства без сторонних библиотек. - Точная оценка визуального различия между двумя цветами по метрике Delta E (ΔE). ## Как это работает - Входной HEX-код переводится в линейное пространство RGB, затем в координаты XYZ (D65) и CIELab. - Выполняется расчет дистанции по выбранной метрике (CIEDE2000, CIE94, CIE76 или евклидово расстояние RGB) относительно 139 уникальных цветов CSS. - Инструмент ранжирует совпадения по возрастанию ΔE и выводит заданное число ближайших кандидатов либо всю группу семейства цветов. ## Сценарии использования - Оптимизация дизайн-токенов при замене произвольных HEX-кодов на стандартные ключевые слова CSS. - Исследование палитры веб-стандарта для создания быстрых прототипов без внешних CSS-переменных. - Сравнение различий между альтернативными формулами цветового расстояния (RGB, CIE76, CIE94, CIEDE2000). ## Частые вопросы ### Почему для расчета используется метрика CIEDE2000? CIEDE2000 учитывает нелинейность восприятия цвета человеческим глазом, исправляя ошибки евклидова расстояния RGB в темных и ненасыщенных тонах. ### Сколько именованных цветов поддерживает инструмент? Поддерживаются все 148 ключевых слов стандарта CSS Color Module Level 4, представляющие 139 уникальных оттенков с учетом синонимов. ### Как интерпретировать значение ΔE (Delta E)? Значение ΔE менее 1 незаметно для глаза, от 1 до 2 едва различимо, от 2 до 10 заметно при сравнении, а выше 50 указывает на противоположные цвета. ### Чем режим семейства отличается от поиска ближайших? Режим семейства группирует и показывает все стандартные цвета CSS из той же категории тона (например, все оттенки синего или фиолетового). ### Учитываются ли псевдонимы цветов вроде gray и grey? Да, дублирующие ключевые слова спецификации (gray/grey, aqua/cyan, fuchsia/magenta) объединены и сопоставляются с единым исходным значением. ## Связанные инструменты - [Конвертер цвета CMYK](https://elysiatools.com/ru/tools/cmyk-converter): Преобразует цвета между HEX, RGB, HSL и CMYK. - [Сепия-Тонер](https://elysiatools.com/ru/tools/color-sepia-toner): Применять сепия-тональные эффекты к цветам с классическими, теплыми, холодными и пользовательскими стилями сепии - [Конвертер цветовых пространств](https://elysiatools.com/ru/tools/color-space-converter): Конвертирует цвет между HEX, RGB, HSL, CIELAB и Display-P3 с CSS-выводом и проверкой гаммы. - [Инструмент Разделенных Дополнительных Цветов](https://elysiatools.com/ru/tools/color-split-complement): Создать гармоничный контраст с разделенными дополнительными цветовыми схемами, используя базовый цвет и два соседних цвета к его дополнению - [OKLCH Конвертер цветов](https://elysiatools.com/ru/tools/oklch-color-converter): Двустороннее преобразование между HEX, RGB, HSL, OKLCH и Display-P3 по CSS Color 4, со значениями светроты/хромы/тона, проверкой гаммы sRGB и Display-P3 и предложением обрезки вне гаммы - [Конвертер Adobe RGB в CMYK](https://elysiatools.com/ru/tools/adobe-rgb-to-cmyk-converter): Преобразование значений цвета Adobe RGB в формат CMYK для печати с поддержкой альфа-канала - [Конвертер Adobe RGB в HEX](https://elysiatools.com/ru/tools/adobe-rgb-to-hex-converter): Преобразование значений цвета Adobe RGB в формат HEX для веб-дизайна - [Конвертер Adobe RGB в HSL](https://elysiatools.com/ru/tools/adobe-rgb-to-hsl-converter): Преобразование значений цвета Adobe RGB в формат HSL для дизайн-работ ## Примеры - [Примеры цветовых кодов](https://elysiatools.com/ru/samples/color-code): Коллекция цветовых кодов в различных форматах (Hex, RGB, HSL, именованные цвета) для тестирования валидации - [Примеры Обработки Изображений Web Python](https://elysiatools.com/ru/samples/web-image-processing-python): Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата - [Примеры CSS-фреймворка Bulma](https://elysiatools.com/ru/samples/bulma): Примеры CSS-фреймворка Bulma, включая столбцы, компоненты, элементы управления формами, систему сетки и современные шаблоны дизайна на основе CSS - [Примеры CSS-селекторов](https://elysiatools.com/ru/samples/css-selectors): Коллекция примеров CSS-селекторов для тестирования извлечения и анализа ## Связанные материалы - [Инструменты перевода цветовых пространств для веба и печати](https://elysiatools.com/ru/hubs/design-convert): Подборка инструментов для перевода цветовых пространств между вебом и печатью в одном хабе. - [Генераторы CSS-эффектов, палитр и дизайн-токенов](https://elysiatools.com/ru/hubs/design-generate): Подборка инструментов для CSS-визуальных эффектов, построения палитр и генерации дизайн-токенов в одном хабе. - [Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov](https://elysiatools.com/ru/hubs/web-accessibility-audits): Proveryayte problemy WCAG, porjadok chteniya dlya screen reader, oshibki kontrasta, riski dlya narushenij cvetovogo zreniya i dostupnye cvetovye resheniya v odnom hube dlya web-accessibility workflow. - [Инструменты цветового дизайна и преобразования цветовых пространств](https://elysiatools.com/ru/hubs/color-design-tools): Сравнивайте конвертеры цветов, генераторы палитр, инструменты гармонии, проверки доступности и утилиты настройки цвета в одном месте для дизайнеров и разработчиков.