Перейти к содержимому
🎨

Конвертер CMYK в RGB

Мгновенный перевод цвета из CMYK в RGB, HEX и HSL с превью

Открывали 1 041 раз

Инструмент справился с вашей задачей?

Одно нажатие, без регистрации. По ответам мы решаем, какие инструменты дорабатывать первыми.

Ваш ответ здесь будет первым.

Этот инструмент ещё ждёт первого комментария

Нашли приём, остался вопрос или чего-то не хватило — напишите, пригодится следующим. Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же

Зачем нужен перевод CMYK в RGB

CMYK — цветовая модель для печати (Cyan, Magenta, Yellow, Key/Black), RGB — модель для экранов (Red, Green, Blue). Дизайнеры часто получают готовые макеты от типографии в CMYK, но им нужно показать их на сайте, в презентации или на экране — и тут требуется перевод в RGB. Обратный перевод (из CMYK в RGB) используется реже, чем из RGB в CMYK, но важен, когда нужно показать клиенту печатный макет на экране или адаптировать фирменные цвета бренда под веб-дизайн. Конвертер делает это мгновенно и точно с визуальным предпросмотром результата.

Как работает конвертер

Вы вводите значения CMYK в процентах (каждый канал от 0 до 100) или выбираете цвет в интерактивной палитре. Конвертер применяет стандартные формулы преобразования и показывает результат в RGB (значения от 0 до 255 для каждого канала). Дополнительно отображается визуальный образец цвета и HEX-код для использования в веб-вёрстке. Работает и обратный перевод из RGB в CMYK. Преобразование происходит в режиме реального времени — вы видите, как меняется цвет при изменении любого значения. Это удобно для точного подбора оттенков.

Где применяется перевод

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

💡

Пример из жизни

Веб-дизайнер получает брендбук от клиента в CMYK-формате (C 85, M 50, Y 0, K 10 — фирменный синий). Нужно адаптировать этот цвет для сайта клиента и убедиться, что он выглядит похоже на экране.

1

Вводит значения CMYK в конвертер: C 85, M 50, Y 0, K 10.

2

Получает результат: RGB 34, 115, 230, HEX #2273E6.

3

Вставляет HEX-код в CSS сайта и проверяет на разных экранах.

✅

Сайт клиента получает фирменный синий, близкий к печатному варианту. Клиент доволен, что веб-версия соответствует его брендбуку. Без конвертера пришлось бы «подбирать» цвет на глаз, что заняло бы больше времени и могло дать неточный результат. Конвертер сэкономил время и обеспечил единообразие бренда на разных носителях.

🧠

Знаете ли вы?

🎨

В 8-битном RGB кодируется около 16,7 млн комбинаций (256×256×256), но реальный цветовой охват CMYK-печати заметно меньше — часть ярких экранных оттенков на бумаге недостижима. Поэтому перевод из CMYK в RGB обычно проходит без потерь, а обратный — нет.

💻

Большинство мониторов работают в системе sRGB, но профессиональные — в Adobe RGB, у которого охват ближе к CMYK.

🌈

CMYK не может воспроизвести яркие экранные цвета (неоновые, флуоресцентные) — это один из его главных недостатков.

🔄

При двойном переводе RGB → CMYK → RGB можно потерять до 10% точности цвета из-за разного охвата моделей.

📐

HEX-код — это запись RGB в шестнадцатеричной системе. Например, RGB 255, 0, 0 = HEX #FF0000 = красный.

🎯

Для точного воспроизведения брендовых цветов на разных носителях используют системы Pantone — фиксированные стандартные оттенки.

Популярные переводы CMYK → RGB

CMYKRGBHEX
0, 100, 100, 0255, 0, 0#FF0000
100, 0, 100, 00, 255, 0#00FF00
100, 100, 0, 00, 0, 255#0000FF
0, 0, 0, 1000, 0, 0#000000
0, 0, 0, 0255, 255, 255#FFFFFF
50, 50, 0, 0128, 128, 255#8080FF
💡

Важно знать

При адаптации брендовых цветов с печатных материалов под веб всегда сохраняйте HEX-код основного цвета. Это универсальный формат, который поддерживается всеми браузерами и графическими редакторами. Храните его в брендбуке вместе с CMYK-версией для разных применений.

Как использовать Конвертер CMYK в RGB

1

Шаг 1. Введите CMYK

Укажите значения Cyan, Magenta, Yellow, Key в процентах от 0 до 100.

2

Шаг 2. Получите RGB

Конвертер автоматически покажет эквивалентные значения в RGB и HEX.

3

Шаг 3. Посмотрите образец

Визуальный предпросмотр поможет увидеть результат цвета.

4

Шаг 4. Используйте в проекте

Скопируйте RGB или HEX-код и вставьте в ваш дизайн или код.

Примеры использования

Брендовый синий

C 85, M 50, Y 0, K 10 → RGB 34, 115, 230 (#2273E6).

Корпоративный красный

C 0, M 95, Y 100, K 0 → RGB 255, 13, 0 (#FF0D00).

Насыщенный зелёный

C 80, M 0, Y 80, K 20 → RGB 41, 204, 41 (#29CC29).

Пастельный розовый

C 0, M 30, Y 10, K 0 → RGB 255, 179, 230 (#FFB3E6).

Тёмно-серый

C 0, M 0, Y 0, K 70 → RGB 77, 77, 77 (#4D4D4D).

Часто задаваемые вопросы

Почему цвета могут отличаться на разных экранах?
Из-за разной калибровки мониторов. Один и тот же HEX-код может выглядеть слегка по-разному на разных устройствах. Профессиональные дизайнеры калибруют свои мониторы для точной работы с цветом.
Что такое HEX-код?
Это запись цвета в шестнадцатеричной системе для веб-дизайна. Формат #RRGGBB, где каждая пара — значение от 00 до FF. Например, #FF0000 — чистый красный.
Всегда ли конвертер точен?
Для большинства цветов — да. Но яркие CMYK-цвета могут при обратном переводе терять насыщенность, так как RGB не всегда может их точно отобразить.
Можно ли использовать конвертер для Photoshop?
Да, полученные RGB или HEX значения работают в любом графическом редакторе: Photoshop, Illustrator, Figma, Sketch, CorelDRAW.
Зачем переводить CMYK в RGB?
Чтобы показать печатный макет на экране (презентация, сайт, соцсети) или адаптировать фирменные цвета бренда с печатной продукции под веб.
Какая цветовая модель «лучше»?
Ни одна. Они для разных задач: RGB для экранов, CMYK для печати. Профессиональные дизайнеры работают с обеими в зависимости от проекта.
Чем CMYK отличается от RGB?
RGB — аддитивная модель из красного, зелёного и синего для экранов: цвета складываются из света. CMYK — субтрактивная модель из голубого, пурпурного, жёлтого и чёрного для печати: краски поглощают часть света. Поэтому один и тот же цвет на мониторе и на бумаге задаётся разными числами.
Как из CMYK получить HEX-код?
Сначала CMYK переводится в RGB по стандартной формуле, затем значения R, G и B записываются в шестнадцатеричном виде — это и есть HEX. Конвертер показывает HEX-код сразу под результатом RGB, его можно скопировать одним кликом для вставки в CSS или графический редактор.

Полезная информация

🔒 Вводимые значения цветов не сохраняются на сервере — все преобразования выполняются прямо в браузере.

📋 Ведите «цветовую библиотеку» проекта: записывайте все фирменные цвета в CMYK, RGB и HEX одновременно. Это сэкономит время при любых будущих адаптациях между печатью и экраном.

Смежные цветовые конвертеры

Работаете с цветом дальше — вот инструменты той же тематики:

Комментарии

Этот инструмент ещё ждёт первого комментария

Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же

  • Руслан АвдеевОт автора проекта
    Все инструменты на ToolFox бесплатны, и я их дорабатываю сам. Напишите, если инструмент считает неверно, чего-то не хватает или что-то стоит поправить, — по таким комментариям я и решаю, чем заняться дальше.

Комментарии — мнения посетителей, прошедшие проверку по правилам сайта.