Цвет / Имена
Поиск названия цвета: из hex или RGB в ближайшее название цвета CSS
Введите цвет в формате hex, rgb() или укажите его название, чтобы найти ближайший из 148 именованных цветов CSS. Цвета отсортированы по визуальной разнице в CIELAB; для сравнения показаны образцы и hex-код каждого названия.
Поиск названия цвета: из hex или RGB в ближайшее название цвета CSS: Исходный цвет и каждый именованный цвет CSS преобразуются в цветовое пространство CIELAB, где расстояние соответствует тому, насколько различаются цвета визуально. Ближайшие названия перечислены с разницей цветов ΔE: при значении ниже примерно 2.3 большинство людей не видит различий. Например, #3a7bd5 ближе всего к cornflowerblue. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.
- Категория
- Инструменты на каждый день
- Запуски
- В вашем браузере
- Стоимость
- Бесплатно · без регистрации
- Доступность
- Готово к использованию
Полностью работает в браузере
Цвет сравнивается со всеми 148 именованными цветами CSS в цветовом пространстве CIELAB, созданном так, чтобы одинаковые расстояния выглядели примерно одинаково различными. Расстояние ΔE меньше примерно 2.3, когда большинство людей не видит разницы. В таблице стилей вместо hex-кода можно использовать любое имя CSS, например color: steelblue.
Откуда взялись названия
Большинство названий цветов CSS появилось в списке цветов оконной системы X11 в 1980-х годах, поэтому существуют такие названия, как papayawhip и lightgoldenrodyellow. rebeccapurple, #663399, добавили в 2014 году в память о Rebecca Meyer.
Преобразование цветов
Чтобы преобразовать цвет в HSL, RGB или другой формат, используйте конвертер цветов.
Как пользоваться
- Введите цвет в формате hex, rgb() или его название.
- Посмотрите ближайший именованный цвет и степень сходства.
- Сравните образцы и скопируйте нужное название.
Конфиденциальность и ограничения
Всё выполняется в вашем браузере.
Похожие инструменты
Часто задаваемые вопросы
Зачем нужны названия CSS?
Это стандартный и широко известный набор названий, который напрямую работает в таблицах стилей: от aliceblue до yellowgreen.
Что означает ΔE?
Это расстояние между двумя цветами в CIELAB. Значение около 1 — минимальная разница, которую большинство людей замечает при сравнении бок о бок; при значении выше 10 цвета явно различаются.
Почему серый цвет не показан и как grey, и как gray?
Это один и тот же цвет с двумя вариантами написания; инструмент показывает только один вариант из каждой пары.
Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен