Calnex LogoCalnex
design

Конвертер Цветов

Конвертация цветов между форматами HEX, RGB, HSL и CMYK. Автоматическое определение входного формата и отображение всех цветовых пространств.

Параметры

Введите цвет в формате HEX, RGB, HSL или HWB.

Формат входного значения цвета

Результаты

HEX
#3B82F6

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

Другие результаты (5)
Предварительный просмотр цвета
#3B82F6

Визуальный предварительный просмотр цвета

RGB
rgb(59, 130, 246)

Red: 59, Green: 130, Blue: 246

HSL
hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

CMYK
cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

Именованный Цвет
Royal Blue (closest match)

CSS назвал цвет, ближайший к этому цвету

Пример ввода и результата

#3B82F6
rgb(59, 130, 246)

CMYK — математическое приближение без ICC-профиля. Оно не предсказывает цвет конкретного принтера или бумаги.

Почему стоит выбрать Конвертер Цветов

Конвертер цветов преобразует цвета в форматы HEX, RGB, HSL и CMYK с автоматическим определением входного формата. Он также определяет ближайший цвет с именем CSS, что делает его важным инструментом для веб-дизайнеров и разработчиков.

  • ✓Преобразует между цветовыми форматами HEX, RGB, HSL и CMYK.
  • ✓Автоматически определяет формат входного цвета
  • ✓Показывает ближайшее соответствие цвета по названию CSS.
  • ✓Все значения готовы к копированию для использования в CSS или инструментах дизайна.

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

  1. 1Введите значение цвета в любом поддерживаемом формате (HEX, RGB, HSL, HWB).
  2. 2Выберите формат ввода или оставьте его в режиме автоматического определения.
  3. 3Мгновенный просмотр всех представлений цветовых форматов
  4. 4Скопируйте формат, который вам нужен для вашего CSS или инструмента дизайна.
  5. 5Проверьте ближайший по названию цвет для быстрого ознакомления.

Часто задаваемые вопросы (FAQ)

В чем разница между HEX и RGB?

HEX и RGB по-разному представляют одни и те же цветовые данные. HEX использует нотацию по основанию 16 (#RRGGBB), а RGB использует десятичные значения (rgb(R, G, B)). Например, #FF0000 и rgb(255, 0, 0) обозначают чистый красный цвет.

Когда мне следует использовать HSL вместо HEX?

HSL (оттенок, насыщенность, яркость) более интуитивно понятен для настройки цветов. Вы можете легко сделать цвет светлее (увеличьте L), более ярким (увеличьте S) или изменить его оттенок. HEX лучше подходит для точной спецификации цвета и совместного использования с инструментами дизайна.

Для чего используется CMYK?

CMYK (голубой, пурпурный, желтый, ключевой/черный) используется в полиграфическом дизайне. В отличие от RGB, который является аддитивным (на основе света), CMYK является субтрактивным (на основе чернил). Преобразование RGB в CMYK имеет важное значение при подготовке цифровых проектов к печати.

Могу ли я использовать этот инструмент для конвертации из HWB?

Да. HWB (Hue, Whiteness, Blackness) — это новый цветовой формат CSS, интуитивно понятный для настройки цветов. Введите значение HWB в формате hwb(H W% B%), и инструмент преобразует его во все другие форматы.

Насколько точно соответствует ближайший названный цвет?

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

Авторитетные источники и ссылки

CSS Color Module Level 4 - W3C

Посмотреть источник

Color Values - MDN Web Docs

Посмотреть источник

Named CSS Colors

Посмотреть источник