Конвертер цветов HEX RGB HSL CMYK онлайн

Что это такое

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

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

1. Откройте страницу конвертера цветов в браузере — ничего устанавливать не нужно.
2. Введите цветовой код в поле того формата, который у вас уже есть. Например, HEX-код вида #3498db или RGB-значение rgb(52, 152, 219).
3. Инструмент автоматически покажет эквиваленты во всех остальных системах: HEX, RGB, HSL, CMYK и HSV.
4. При необходимости подвигайте слайдеры RGB или HSL — так удобно подбирать оттенок визуально, глядя на образец.
5. Скопируйте нужный код кнопкой или сохраните понравившийся цвет в палитру, чтобы вернуться к нему позже.
6. Проверьте контрастность текста и фона — инструмент покажет рейтинг по стандарту WCAG.

Кому и когда пригодится

В первую очередь — веб-разработчикам и дизайнерам, которые вёрстят сайты и подбирают цвета в CSS. Но инструмент полезен гораздо шире:

• Frontend-разработчикам — когда в макете цвет задан в HEX, а в коде нужен RGB или наоборот.
• Графическим дизайнерам — при подготовке макетов для печати, где важны значения CMYK, или для экранов, где нужен RGB.
• Маркетологам и контент-менеджерам — для подбора цветов в баннерах, презентациях или постах в соцсетях.
• Начинающим — чтобы понять, как связаны между собой разные цветовые модели, и научиться свободно переводить цвет из HEX в RGB и обратно.

Плюсы и ограничения

Плюсы:

• Мгновенный перевод между пятью основными цветовыми моделями.
• Встроенный пикер и слайдеры для визуального подбора оттенков.
• Проверка контрастности по WCAG — экономит время на accessibility-аудит.
• Можно сохранять и сравнивать цвета в личной палитре.
• Работает прямо в браузере, без регистрации и установки.

Ограничения:

• Для сложных дизайнерских задач (например, подбора палитры по теории цвета) функционала может быть недостаточно.
• Значения CMYK — это приблизительный перевод для экрана; точный цвет на печати всё равно зависит от профиля принтера и бумаги.
• Нет мобильного приложения, но адаптивная версия сайта обычно спасает.

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

Чем HEX отличается от RGB?

HEX — это шестнадцатеричная запись тех же самых RGB-значений. Например, белый цвет в RGB записывается как rgb(255, 255, 255), а в HEX — как #FFFFFF. По сути, это два способа описать одно и то же, просто HEX короче и удобнее для копирования в CSS.

Почему CMYK-значения не совпадают с тем, что получается на печати?

Монитор работает в RGB, а печатная машина — в CMYK. Конвертер переводит математически, но реальный оттиск зависит от типа бумаги, красок и профиля цветопередачи. Используйте полученные значения как отправную точку, но финальный цвет лучше проверять на пробной печати.

Как проверить, что текст будет читаем на фоне?

Введите цвет фона в конвертер, затем добавьте цвет текста — инструмент рассчитает коэффициент контрастности и покажет, соответствует ли он стандарту WCAG. Если рейтинг AA или AAA — всё отлично, текст будет легко прочитать даже людям с ослабленным зрением.

Можно ли сохранить несколько цветов и вернуться к ним позже?

Да, для этого есть встроенная палитра. Добавляйте понравившиеся оттенки в избранное, и они будут храниться в браузере. Это удобно, когда вы собираете цветовую схему для проекта и хотите держать все значения под рукой.

Подойдёт ли инструмент для подбора цветовой гаммы сайта?

Базово — да. Конвертер покажет гармоничные сочетания для выбранного цвета, что поможет быстро собрать аккуратную палитру. Однако для глубокого анализа с учётом психологии цвета и трендов лучше использовать специализированные сервисы по подбору палитр.