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

• Мгновенное сопоставление ближайшего цвета: поиск названий цветов мгновенно вычисляет евклидово расстояние между введённым цветом и каждым цветом в базе, возвращая 6 ближайших совпадений, упорядоченных по воспринимаемой схожести. Никаких кнопок нажимать не нужно.
• Более 300 названий CSS, X11 и Pantone: база охватывает все 148 именованных цветов CSS, более 50 названий цветов X11 и более 100 приближений Pantone — три наиболее широко используемые в сети, печати и дизайне системы именования цветов.
• Поиск по названию или просмотр: перейдите на вкладку поиска, чтобы найти цвета по названию — введите «coral», «navy» или «pantone 186», чтобы просмотреть всю базу. Нажмите на любой результат, чтобы сразу увидеть его ближайшие совпадения и скопировать его значения.
• 100 % приватно и без загрузок: все поиски цветов выполняются локально в вашем браузере. Данные о цвете никогда не отправляются на сервер, не сохраняются и не логируются. Поиск названий цветов полностью работает офлайн после загрузки страницы.

• Разработка CSS: найдите именованный цвет CSS, ближайший к вашему дизайн-токену, чтобы использовать семантическое название вместо необработанного HEX-кода. Поиск названий цветов сразу говорит, есть ли у вашего цвета точное совпадение в CSS.
• Документация дизайна: при документировании цветовой палитры используйте поиск названий цветов, чтобы дать каждому цвету удобочитаемое название. Именованные цвета легче донести до заинтересованных сторон, чем необработанные HEX-коды.
• Сопоставление печати и бренда: найдите ближайшее приближение Pantone для любого экранного цвета. База Pantone в поиске названий цветов помогает определить ближайший стандартный печатный цвет для полиграфии.
• Доступность и коммуникация цветов: при составлении отчётов о доступности или дизайн-спецификаций используйте именованные цвета, чтобы ясно описывать элементы интерфейса. Поиск названий цветов даёт стандартное название для любого значения цвета.
• Цифровое искусство и иллюстрация: определяйте стандартные названия цветов, которые вы берёте с референсных изображений или палитр. Поиск названий цветов охватывает художественные цвета X11, такие как Cerulean, Vermilion и Ochre, которые дизайнеры используют ежедневно.
• Тестирование дальтонизма и доступности: используйте именованные цвета, чтобы сообщать о выборе цветов пользователям с нарушениями цветовосприятия. Такие названия, как «DodgerBlue» и «Crimson», информативнее HEX-кодов в контексте доступности.

Поиск названий цветов принимает любое значение цвета — HEX, RGB или поисковый запрос — и возвращает ближайший именованный цвет из отобранной базы. Названия цветов происходят из трёх основных систем: именованные цвета CSS (148 цветов, определённых в спецификации CSS, например «CornflowerBlue» и «Tomato»), названия цветов X11 (расширенный набор, используемый в системах Unix/Linux и инструментах дизайна, включая такие цвета, как «Cerulean» и «Vermilion») и приближения цветов Pantone (отраслевая стандартная система печатных цветов, используемая в полиграфии и брендинге).

Поиск выполняется в три этапа, полностью в вашем браузере:

1. Разбор ввода: введите HEX-код (например, #3b82f6), используйте встроенный выбор цвета, введите значения RGB или ищите по названию. Поиск названий цветов принимает все распространённые форматы ввода.
2. Расчёт расстояний: инструмент вычисляет евклидово расстояние между введённым цветом и каждым цветом базы из более чем 300 названий по формуле √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). Расстояние 0 означает точное совпадение. Ваши данные о цвете никогда не покидают браузер.
3. Возврат лучших совпадений: шесть ближайших именованных цветов отображаются карточками с их значениями HEX, RGB и HSL, каждое можно скопировать одним щелчком. На каждой карточке указан источник цвета (CSS, X11 или Pantone) и оценка расстояния.

• Именованные цвета CSS: 148 цветов, определённых в спецификации CSS Color Module Level 4. Это единственные названия цветов, которые работают напрямую в таблицах стилей CSS без какой-либо конвертации.
• Названия цветов X11: расширенный набор примерно из 550 названий цветов, изначально определённых для оконной системы X. Многие инструменты дизайна и языки программирования включают цвета X11. Поиск названий цветов включает наиболее полезные названия X11, которые ещё не охвачены CSS.
• Приближения Pantone: приблизительные значения sRGB для цветов Pantone Matching System (PMS). Это только экранные приближения — реальные печатные цвета Pantone можно точно сопоставить только с физическими веерами образцов.

Расстояние Δ, показанное на каждой карточке результата, — это евклидово расстояние в цветовом пространстве RGB между введённым цветом и именованным цветом. Расстояние 0 означает точное совпадение. Расстояния менее 20 — очень близкие (почти неразличимые). Расстояния более 50 указывают на заметную разницу в цвете. Для более точного с точки зрения восприятия сопоставления в будущей версии может использоваться расстояние CIE ΔE вместо евклидова расстояния в RGB.