Конвертер HEX в Именованный Цвет

• Мгновенное Сопоставление HEX с Именованным Цветом: конвертер мгновенно вычисляет евклидово расстояние между вашим вводом и всеми 148 именованными цветами CSS. Результаты обновляются при каждом нажатии клавиши, показывая ближайшее совпадение с процентом сходства, оценкой расстояния и значениями цвета. Никаких кнопок нажимать не нужно.
• Процент Сходства и Оценка Расстояния: каждый результат показывает и процент сходства (0–100 %), и евклидово расстояние (Δ) в пространстве RGB. 100 % сходства означает точное совпадение. Цветная полоса прогресса даёт быстрое визуальное представление о близости совпадения.
• 100 % Приватная Обработка в Браузере: всё сопоставление цветов происходит локально в вашем браузере с помощью JavaScript. Ваши HEX-значения никогда не покидают устройство и не отправляются на сервер — полностью безопасно для проприетарной дизайнерской работы и клиентских проектов.
• Бесплатно и Без Регистрации: используйте конвертер HEX в именованный цвет без ограничений, без регистрации, без подписки и без лимитов. Инструмент полностью бесплатен навсегда, а интерфейс не блокируется рекламой.

• Разработка CSS с Именованными Цветами: заменяйте трудно запоминаемые HEX-коды семантическими именованными цветами CSS. Конвертер точно указывает, какое имя цвета CSS соответствует вашему дизайн-токену, делая таблицы стилей более читаемыми и удобными в поддержке.
• Документирование Дизайн-Систем: при документировании дизайн-системы используйте конвертер, чтобы дать каждому цвету удобочитаемое имя CSS. Именованные цвета легче передавать между командами, и их можно использовать напрямую в объявлениях CSS.
• Цифровое Искусство и Иллюстрация: художники и иллюстраторы используют конвертер, чтобы найти стандартное имя CSS для цветов, взятых с референсных изображений. Это помогает сохранять согласованность цветов в разных инструментах и на разных платформах.
• Доступность и Коммуникация о Цветах: специалисты по доступности используют именованные цвета, чтобы чётко описывать элементы интерфейса в отчётах и документации. Конвертер даёт стандартное имя CSS для любого цвета, делая общение с заинтересованными сторонами точнее.
• Обучение и Изучение CSS: изучающие CSS используют конвертер, чтобы понять, какие реальные цвета представляют именованные значения CSS. Введите любой HEX-код и узнайте, какому именованному цвету он соответствует — практичный способ выучить палитру именованных цветов CSS.
• Техническое Письмо и Обучающие Материалы: технические писатели используют конвертер, чтобы найти правильное имя цвета CSS при написании документации. Использование именованных цветов в руководствах делает примеры кода понятнее для читателей.

Преобразование HEX в именованный цвет принимает шестнадцатеричный код цвета (например, #FF6B6B) и находит ближайший именованный цвет CSS среди 148 цветов, определённых в спецификации CSS Color Module Level 4. Вместо одного лишь hex-значения вы получаете читаемое имя вроде «Coral» или «Tomato» вместе с процентом сходства, показывающим близость совпадения. Инструмент вычисляет евклидово расстояние между вашим цветом и каждым именованным цветом в пространстве RGB, ранжирует их от ближайшего к дальнему и отображает 6 лучших совпадений с их оценками сходства.

1. Введите Ваш HEX-Цвет: введите или вставьте HEX-значение (например, #FF6B6B или #F6B). Также можно воспользоваться встроенным выбором цвета или нажать на любой образец. Вся обработка выполняется локально в вашем браузере — ваши цветовые данные не покидают устройство.
2. Расчёт Расстояния: инструмент преобразует и ваш ввод, и каждый из 148 именованных цветов CSS в значения RGB и вычисляет евклидово расстояние по формуле √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). Максимально возможное расстояние в пространстве RGB — примерно 441,67, оно используется для вычисления процента сходства: (1 − расстояние / 441,67) × 100.
3. Результаты Показываются Мгновенно: ближайшее совпадение отображается первым с заметным значком сходства и полосой сравнения цветов. Каждая карточка результата показывает расстояние (Δ), процент сходства с цветной полосой прогресса и значения HEX, RGB и HSL — всё копируется одним кликом.

• 100 % сходства (Δ = 0): ваш HEX-цвет точно совпадает с одним из 148 именованных цветов CSS. Карточка показывает значок «Точное совпадение» с выделенной рамкой.
• 95–99 % сходства (Δ = 1–22): практически неотличимо от именованного цвета. Такие совпадения визуально идентичны в большинстве контекстов, и их можно безопасно использовать взаимозаменяемо.
• 80–94 % сходства (Δ = 23–88): близкое совпадение с небольшим заметным отличием. Цвет сохраняет то же семейство оттенков, но может немного отличаться по светлоте или насыщенности.
• Ниже 80 % сходства (Δ > 88): заметная разница в цвете. Именованный цвет имеет схожие характеристики оттенка, но существенно отличается по яркости или насыщенности от вашего ввода.

Именованные цвета CSS — это 148 цветовых ключевых слов, определённых в спецификации CSS, которые можно использовать напрямую в таблицах стилей (например, color: CornflowerBlue). Они включают исходные 16 цветов HTML плюс 132 дополнительных цвета из CSS2.1 и CSS Color Module Level 4. Это единственные имена цветов, работающие в CSS нативно, без предварительной обработки или преобразования.

В отличие от других систем именования цветов, таких как X11 (используется в системах Unix/Linux) или Pantone (используется в печати), именованные цвета CSS гарантированно отображаются одинаково во всех современных браузерах. Это делает их самым безопасным выбором для веб-разработки. Конвертер HEX в именованный цвет фокусируется исключительно на этих 148 ключевых словах CSS, гарантируя, что каждое показанное совпадение можно использовать прямо в вашем CSS-коде.