Как определить название цвета по HEX-коду
Введите HEX-код цветового значения, с символом `#` или без него, и запустите обработку. Инструмент покажет точное имя при совпадении со встроенной палитрой или ближайшее имя, если совпадения нет.
Введите HEX-код цветового значения, с символом # или без него, и запустите обработку. Инструмент покажет точное имя при совпадении со встроенной палитрой или ближайшее имя, если совпадения нет.
Что делает поиск названия цвета по HEX-коду
Этот инструмент помогает понять, какое имя из встроенной палитры ближе всего к цвету, записанному в шестнадцатеричном формате. Он также сообщает, найдено ли для введённого значения точное имя в палитре. Такой способ удобен, когда у вас есть HEX-код из макета, таблицы стилей или графического редактора, но нужно подобрать понятное текстовое обозначение цвета.
Вводите цвет как текст в HEX-формате: например, #3498db или 3498db. Если в начале строки нет символа #, инструмент добавит его перед разбором. Трёхзначная запись обрабатывается расширением каждой цифры: например, #abc превращается в форму с повторёнными цифрами каждого канала.
Если поле оставить без значения, используется цвет #3498db. Поэтому перед запуском проверьте, что вы действительно хотите проанализировать цвет по умолчанию, а не забыли вставить собственный код.
Как проверить HEX-код и получить название
-
Подготовьте HEX-код цвета в виде текста. Можно указать запись с символом
#или без него. Для стандартного шестизначного варианта используйте по две шестнадцатеричные цифры на каждый цветовой канал, например#3498db. Трёхзначный вариант также поддерживается по правилу повторения каждой цифры. -
Откройте инструмент и найдите поле для цветового значения. Вставьте туда подготовленный код. Не заменяйте его названием цвета, RGB-списком, значением с альфа-каналом или другой формой: проверенная обработка относится к HEX-подобному тексту.
-
Запустите обработку. Если поле пустое, отдельный код вводить не нужно: будет взят
#3498db. -
Просмотрите сведения о результате. Для разобранного HEX-значения инструмент сначала проверяет, присутствует ли соответствующее RGB-значение во встроенной палитре. При совпадении показывается точное имя; если совпадения нет, выбирается ближайшее имя из этой палитры.
-
Если рядом с именем указано расстояние, учитывайте его как отдельный числовой показатель. Ближайшее имя выбирается по прямому расстоянию между значениями RGB входного цвета и цветами палитры. При этом отдельно отображаемое расстояние округляется до одного знака после запятой и рассчитывается другим способом, поэтому оно не обязано совпадать с величиной, использованной для выбора имени.
Например, дизайнер получил в макете текстовый код #3498db и хочет проверить его перед описанием цвета в документации. Он вставляет этот код и запускает обработку. В ответе следует искать разобранное значение, поле с точным именем при наличии совпадения либо ближайшее имя, а также отдельное расстояние с округлением до одного знака; конкретное имя зависит от содержимого встроенной палитры.
Как читать результат и понимать ограничения
Для корректно разобранного цвета результат означает не то, что HEX-коду присвоено универсальное или официальное название, а то, что инструмент сопоставил его со своей встроенной палитрой. Если RGB-значение уже есть в этой палитре, отображается точное имя. В остальных разобранных случаях результат содержит ближайшее имя, выбранное сравнением RGB-значений.
Расстояние помогает оценить различие между введённым цветом и выбранной записью палитры, но читайте его с оговоркой: число в отчёте округлено до одного знака и основано на разностях каналов относительно их нижнего кратного 51. Это не та же формула, по которой определяется ближайшее имя, поэтому расстояние нельзя использовать как точное объяснение выбора без дополнительного анализа.
Некорректный текст не следует трактовать одинаково во всех случаях. При некоторых ошибках разбора инструмент возвращает успешный ответ с отчётом о недопустимом цвете. Строки неправильной длины могут разобраться частично, а значение нестрокового типа может вызвать ошибку ещё до обработки префикса. Если результат выглядит неожиданно, сначала проверьте формат и тип переданного значения.
Практический пример
Дизайнер проверяет HEX-код из макета перед тем, как добавить описание цвета в документацию.
Введите текст #3498db и запустите обработку, затем проверьте наличие точного или ближайшего имени и отдельного значения расстояния.
Ответ содержит разобранное цветовое значение, точное имя при совпадении со встроенной палитрой либо ближайшее имя, а также отдельно указанное расстояние, округлённое до одного знака.
Ограничения
- Поведение для ошибочного ввода зависит от его формы: некоторые ошибки разбора дают отчёт о недопустимом цвете, строки неправильной длины могут разбираться частично, а нестроковые значения могут завершиться ошибкой до обработки.
Частые ошибки
- Ошибка: вместо HEX-текста передают название цвета, RGB-структуру или строку с неподходящей длиной. Исправление: используйте текстовый HEX-код с шестью или поддерживаемыми тремя цифрами, а затем проверьте результат разбора.
Частые вопросы
Что произойдёт, если оставить поле пустым?
Если поле не заполнено, используется #3498db. Если нужно проверить другой цвет, вставьте его HEX-запись перед запуском.
Можно ли вводить HEX-код без символа #?
Да, если значение передано как HEX-подобный текст: отсутствие начального # обрабатывается автоматически, а трёхзначная запись расширяется повторением цифр. Для других типов представления такая обработка не подтверждена.
Почему результат содержит ближайшее, а не точное имя?
Точное имя появляется при наличии соответствующего RGB-значения во встроенной палитре. Иначе для разобранного цвета выбирается ближайшее имя; название не следует считать универсальной классификацией цвета.