🎨 Цвета ✓ Бесплатно

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

Переводите цвета между форматами HEX, RGB, HSL, CMYK и другими. Незаменимый инструмент для дизайнеров и разработчиков — копируйте значения в один клик и сразу используйте в коде или макете.

⚡ Мгновенный результат
🖱 Копирование в один клик
🆓 Полностью бесплатно
👁 Визуальный предпросмотр цвета
Справка

Форматы цветов

Где и какой формат используется

HEX

Шестнадцатеричный формат #RRGGBB — самый распространённый в вебе. Используется в CSS, HTML, Figma, Sketch и большинстве дизайн-инструментов.

Применение: CSS, HTML, Figma, Sketch
RGB

Три канала: красный, зелёный, синий — каждый от 0 до 255. Базовый формат для экранов и веб-разработки. Поддерживает прозрачность через RGBA.

Применение: CSS, Canvas, веб-разработка
HSL

Тон, насыщенность, светлота — интуитивно понятный формат. Удобен для создания цветовых схем и плавных переходов между оттенками.

Применение: Дизайн-системы, CSS переменные
CMYK

Голубой, пурпурный, жёлтый, чёрный — модель для печати. Используется в полиграфии, при подготовке макетов для типографии.

Применение: Печать, полиграфия, типография
FAQ

Частые вопросы

Экраны работают в модели RGB (излучают свет), принтеры — в CMYK (смешивают краски). Некоторые яркие RGB-цвета физически невозможно воспроизвести в печати — они выходят за пределы цветового охвата CMYK.
Это одна и та же модель, только запись разная. HEX #FF5733 и RGB(255, 87, 51) — это один и тот же цвет. HEX короче писать в CSS, RGB удобнее для программных вычислений.
Альфа-канал задаёт прозрачность цвета от 0 (полностью прозрачный) до 1 (непрозрачный). В CSS это RGBA(255, 87, 51, 0.5) или HEX с восемью символами #FF573380.
В HSL тон (Hue) — это угол на цветовом круге от 0° до 360°. Чтобы получить более светлый оттенок того же цвета — просто увеличьте светлоту (Lightness). В RGB такой же эффект требует пересчёта всех трёх каналов.
Для простых цветов — HEX, он короче. Для цветов с прозрачностью — RGBA или HSLA. Для дизайн-систем и CSS-переменных — HSL, так легче создавать согласованные палитры.