Irodori彩り

Конвертер цвета

HEX · RGB · HSL · OKLCH · Lab · CMYK

Обзор Конвертер цвета

HEX · RGB · HSL · OKLCH · Lab · CMYK

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

Вставьте цвет в формате HEX, RGB, HSL, HSV или CMYK и копируйте эквивалент в любом другом формате. Конвертер обновляется в реальном времени по мере ввода.

Конвертер цвета

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

Все преобразования

Четыре формата цвета

Что такое HEX?

HEX-код — шестизначное шестнадцатеричное число, хранящее каналы красного, зелёного и синего после #. Каждая пара цифр отвечает за канал от 00 до FF, что даёт те же 16,7 млн цветов, что и RGB, но короче. HEX — стандарт в CSS, дизайн-инструментах и бренд-гайдах.

#RRGGBB
CSS, передача дизайна, бренд-гайды

Что такое RGB?

RGB описывает цвет тремя световыми каналами от 0 до 255. Это соответствует работе экранов: все три на 255 дают белый, все на 0 — чёрный. RGB подходит для вычислений с цветом, а rgba() добавляет прозрачность.

rgb(R, G, B)
код, canvas, прозрачность через rgba()

Что такое HSL?

HSL разделяет цвет на тон (0–360°), насыщенность (0–100%) и светлоту (0–100%). Каждая часть соответствует тому, как люди описывают цвет, поэтому HSL проще всего для создания оттенков, теней и согласованных палитр.

hsl(H, S%, L%)
палитры, оттенки и тени, темы

Что такое CMYK?

CMYK — четырёхкрасочная модель печати: голубой, пурпурный, жёлтый и ключевой (чёрный), каждый в процентах. Краска вычитает свет, поэтому яркие экранные цвета при печати часто выглядят тусклее.

cmyk(C%, M%, Y%, K%)
печать, упаковка, макеты для типографии