Конвертер цветов: HEX, RGB, HSL, CMYK
Мгновенно переводите цвета между HEX, RGB, HSL и CMYK. Пипетка, цветовые гармонии, тёмные и светлые оттенки, копирование в один щелчок и история цветов.
Загрузка: Конвертер цветов…
Ваши файлы не покидают устройство
Как пользоваться: Конвертер цветов
- 1
Откройте «Конвертер цветов» на этой странице. Инструмент загружается прямо в браузере.
- 2
Добавьте файл, текст или значения и настройте параметры.
- 3
Скопируйте или скачайте результат. Ничего не загружается и не хранится.
Об инструменте
Кажется, каждой программе и каждому языку нужен свой формат цвета: CSS любит HEX и HSL, графические редакторы показывают RGB, а типографии просят CMYK. Этот конвертер цветов переводит между всеми четырьмя сразу. Введите значение в любом формате или выберите цвет на палитре, и остальные форматы мгновенно обновятся и будут готовы к копированию.
Как перевести цвет
- Введите значение: HEX, например #3B82F6, RGB, например 59, 130, 246, HSL или CMYK. Или выберите цвет визуально.
- Посмотрите тот же цвет в других форматах.
- Нажмите на любое значение, чтобы скопировать его.
- Добавляйте цвета в историю, чтобы во время работы под рукой была небольшая палитра.
Четыре формата
| Формат | Пример | Где используется |
|---|---|---|
| HEX | #3B82F6 | CSS, веб дизайн, брендбуки |
| RGB | rgb(59, 130, 246) | Экраны, графические редакторы, CSS |
| HSL | hsl(217, 91%, 60%) | Темы CSS; легко сделать светлее или темнее |
| CMYK | 76%, 47%, 0%, 4% | Полиграфия |
Как работает перевод
- HEX и RGB это одни и те же числа в разной записи: каждая пара цифр HEX соответствует одному каналу RGB от 00 (0) до FF (255).
- HSL описывает тон как угол на цветовом круге, а насыщенность и светлоту в процентах, поэтому его удобно настраивать.
- CMYK из RGB получается простым математическим пересчётом. Реальная печать зависит от профилей бумаги и краски, поэтому точные значения важных фирменных цветов уточняйте в типографии.
Не только перевод
- Цветовые гармонии: комплементарная, аналоговая и другие схемы на основе вашего цвета.
- Тёмные и светлые оттенки для состояний наведения и фонов.
- Готовые и случайные цвета для быстрого вдохновения.
Собираете целую палитру? Попробуйте генератор цветовых палитр. Хотите проверить, читается ли текст на вашем цвете? Воспользуйтесь проверкой контраста.
Частые вопросы
Как перевести HEX в RGB?
Разделите код HEX на три пары и переведите каждую из шестнадцатеричной системы в число от 0 до 255. #3B82F6 превращается в 59, 130, 246. Конвертер делает это мгновенно.
Чем RGB отличается от CMYK?
RGB смешивает свет для экранов, CMYK смешивает краски для печати. Некоторые яркие экранные цвета нельзя напечатать точно, поэтому в CMYK они могут выглядеть тусклее.
Зачем использовать HSL в CSS?
HSL разделяет тон, насыщенность и светлоту, поэтому цвет можно сделать светлее или темнее, изменив одно число. Это удобно для тем и состояний наведения.
Точно ли значение CMYK для печати?
Это стандартный математический пересчёт. Типографии используют цветовые профили для конкретной бумаги и краски, поэтому точные значения фирменных цветов уточняйте у них.
Можно ли выбрать цвет визуально?
Да. Используйте палитру выбора цвета, и значения HEX, RGB, HSL и CMYK будут обновляться при перемещении.
Поддерживается ли прозрачность?
Конвертер работает со сплошными цветами. Для прозрачности в CSS добавьте альфа значение сами, например rgb(59 130 246 / 50%).