Реклама мешает? Идти Без рекламы Сегодня 

Конвертер HEX-цвета в название цвета

ЦветРазработчик

ВХОД

Автоматический процесс

ВЫХОД

Клиентская сторона

Ближайшие цвета CSS3

	Название цвета	HEX	Расстояние
Результат появится здесь

Сведения о выбранном цвете

Название цвета

Шестнадцатеричное значение

RGB-значение

РЕКЛАМА · УДАЛЯТЬ?

Гид

Конвертер HEX-цвета в название цвета

Мгновенно преобразуйте любой HEX-код цвета в ближайшее именованное CSS/HTML-цвета. Введите HEX-значение или используйте визуальный выбор цвета, чтобы найти ближайшее соответствующее название цвета из стандартных 140 именованных цветов CSS3, с оценками сходства и сравнением образцов бок о бок.

Как использовать

Введите HEX-код цвета в поле ввода или нажмите на выбор цвета, чтобы выбрать цвет визуально. Инструмент мгновенно находит 5 ближайших именованных цветов CSS, используя расчет расстояния RGB. Каждое совпадение показывает сравнение цветовых образцов, название цвета, его HEX-значение и процент сходства. Вы также можете использовать вкладку обратного поиска, чтобы искать по названию цвета и получить его HEX-код.

Функции

Ближайшее совпадение цвета – Найдите ближайший именованный цвет CSS3 для любого HEX-ввода, используя евклидово расстояние в пространстве RGB
Топ-5 совпадений – Посмотрите пять ближайших названий цветов, ранжированных по проценту сходства
Визуальный пикер цветов – Выбирайте цвета визуально с помощью стандартного браузерного выбора цветов
Сравнение образцов – Отображение вашего входного цвета и каждого совпадающего именованного цвета бок о бок
Обратный поиск – Ищите по названию цвета, чтобы найти его точный HEX-код
140 цветов CSS3 – Полная база данных всех стандартных именованных цветов CSS/HTML
Копирование в один клик – Мгновенно копируйте любое HEX-значение в буфер обмена
Только на стороне клиента – Вся обработка происходит в вашем браузере, данные не отправляются на серверы

РЕКЛАМА · УДАЛЯТЬ?

 Часто задаваемые вопросы

Сколько именованных цветов существует в CSS3?

CSS3 определяет ровно 140 именованных цветов (также называемых расширенными цветами или цветами X11). Они варьируются от основных цветов, таких как красный, синий и зеленый, до более конкретных оттенков, таких как cornflowerblue, darkolivegreen и papayawhip. Каждый современный браузер распознает все 140 имен, что делает их надежным способом указания цветов в веб-разработке без необходимости запоминать HEX-коды.

Как работает евклидово расстояние для подбора цветов?

Евклидово расстояние в пространстве RGB рассматривает каждый цвет как точку в 3D-пространстве, где оси представляют значения Красного, Зеленого и Синего (0-255). Расстояние между двумя цветами рассчитывается как квадратный корень из суммы квадратов разностей для каждого канала. Расстояние 0 означает точное совпадение, тогда как максимально возможное расстояние (между черным #000000 и белым #FFFFFF) составляет около 441. Это обеспечивает простое и быстрое приближение сходства цветов.

Почему ближайший именованный цвет может отличаться от моего ввода?

В CSS3 всего 140 именованных цветов из более чем 16 миллионов возможных HEX-цветов, поэтому точные совпадения редки. Ближайший именованный цвет — это самый близкий доступный вариант, но разница может быть существенной для необычных оттенков. Процент сходства помогает оценить, насколько близок результат — все, что выше 95%, визуально очень близко, тогда как совпадения ниже 80% могут заметно отличаться.

Какова разница между расстоянием RGB и perceptual color difference?

Евклидово расстояние RGB рассматривает все цветовые каналы одинаково, но человеческое зрение более чувствительно к некоторым различиям в цвете, чем к другим. Формулы perceptual color difference, такие как CIEDE2000 (deltaE), учитывают, как люди воспринимают цвет, придавая больший вес чувствительности к зеленому и учитывая сдвиги оттенка. Расстояние RGB быстрее вычисляется и достаточно для большинства случаев использования, тогда как deltaE более точен для профессиональной работы с цветом.

Хотите убрать рекламу? Откажитесь от рекламы сегодня

