Конвертер цвета
Выберите цвет один раз и получите его сразу в HEX, RGB, HSL и CMYK. Скопируйте нужный формат одним кликом.
Почему так много форматов?
HEX и RGB — стандартные веб-форматы, HSL удобнее, когда нужно изменить светлоту или насыщенность, а CMYK — то, что требуется для печатных макетов.
Как это работает
Шестнадцатеричное значение разбивается регулярным выражением на три пары из двух цифр и парсится по основанию 16, чтобы получить red, green, blue от 0 до 255. HSL следует стандартному выводу: светлота — это среднее самого светлого и самого тёмного каналов, насыщенность зависит от разницы между ними, а оттенок определяется доминирующим каналом, где red, green, blue закреплены на 0, 120 и 240 градусах соответственно. CMYK использует прямую формулу преобразования: чёрный (K) равен единице минус самый сильный канал, а голубой, пурпурный и жёлтый показывают, чего не хватает каждому каналу после вычитания чёрного.
Относитесь к значению CMYK как к отправной точке, а не как к печатному факту. Цвета экрана определяются в sRGB, и их точный перевод в покрытие краской требует цветового профиля ICC, описывающего конкретно ваш принтер, чернила и бумагу. Многие очень яркие цвета экрана — насыщенный оранжевый, электрический синий — выходят за пределы того, что может показать мелованная бумага. Любая типография всё равно заново преобразует ваш файл по своему профилю.
Все эти вычисления происходят в небольших функциях прямо на этой странице; выбор цвета запускает чисто локальный расчёт и четыре обновления DOM. Ничего не запрашивается и не отправляется — это видно во вкладке «Сеть», пока вы кликаете по палитре цвета.
Частые вопросы
Почему CMYK только приблизительный?
CMYK — это цветовое пространство для печати, и его точный вид зависит от конкретных чернил и бумаги. Значения здесь — это стандартное преобразование RGB в CMYK, хорошая отправная точка, но не замена цветового профиля вашего принтера.
Для чего нужен HSL?
Hue (оттенок), saturation (насыщенность), lightness (светлота). Часто проще создать цветовую палитру, сохраняя оттенок неизменным и меняя светлоту или насыщенность, чем подбирать значения RGB или hex напрямую.
Сохраняются ли выбранные мной цвета?
Нет. Всё происходит локально в вашем браузере, и ничего не сохраняется и никуда не отправляется.