🎨

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

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

Загрузка инструмента...

Конвертер CMYK в RGB онлайн — точное преобразование цветовых моделей

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

Цветовая модель CMYK (Cyan, Magenta, Yellow, Key/Black) используется в офсетной и цифровой печати. Она основана на субтрактивном смешении цветов: каждый компонент описывает процент краски, который наносится на бумагу. Чем больше краски, тем темнее оттенок. Модель RGB (Red, Green, Blue), напротив, работает по аддитивному принципу: цвет формируется свечением пикселей экрана, и чем выше значение каждого канала, тем светлее итоговый цвет. Поэтому прямой перенос значений CMYK в RGB без конвертации невозможен — нужна математическая формула пересчёта.

Наш конвертер CMYK-RGB выполняет преобразование мгновенно, прямо в браузере, без загрузки данных на сервер. Вы вводите значения Cyan, Magenta, Yellow и Key в процентах от 0 до 100, и тут же видите результат в нескольких форматах: RGB (десятичные значения каналов от 0 до 255), HEX-код (шестнадцатеричная запись для CSS и HTML), HSL (оттенок, насыщенность, светлота) и готовую CSS-запись для вставки в код. Каждый результат копируется одним нажатием.

Дизайнеры, верстальщики, маркетологи и владельцы бизнеса сталкиваются с задачей перевода цветов из CMYK в RGB регулярно. Типичные ситуации: перенос фирменных цветов из брендбука (где цвета заданы в CMYK для печати) в веб-дизайн, подготовка баннеров и рекламных креативов для социальных сетей по макетам из типографии, проверка соответствия экранных и печатных цветов перед запуском полиграфии, разработка презентаций и email-рассылок с соблюдением корпоративной палитры.

Графическим дизайнерам, которые готовят макеты для печати и одновременно адаптируют их под цифровые каналы. Веб-разработчикам и верстальщикам, которым нужен HEX-код или CSS-значение цвета для вёрстки страниц. Маркетологам и SMM-специалистам, которые следят за единообразием фирменного стиля при публикации контента в интернете. Предпринимателям, которым важно, чтобы логотип и фирменные цвета компании выглядели одинаково на визитках, сайте и в социальных сетях. Студентам и преподавателям дизайна, изучающим теорию цвета и цветовые модели.

Перевод значений CMYK в RGB выполняется по стандартной математической формуле. Каждый компонент CMYK представляет долю краски от 0 до 100 процентов. Для вычисления канала Red берётся значение (1 − C/100) × (1 − K/100) × 255, для Green — (1 − M/100) × (1 − K/100) × 255, для Blue — (1 − Y/100) × (1 − K/100) × 255. Результат округляется до целого числа и ограничивается диапазоном от 0 до 255. Данная формула не учитывает ICC-профили и особенности конкретных печатных машин, но обеспечивает точное стандартное преобразование, достаточное для большинства задач в веб-дизайне и подготовке цифрового контента. Для полиграфии с повышенными требованиями к точности цветопередачи рекомендуется дополнительная калибровка с учётом профиля печатного устройства.

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

  • Мгновенная конвертация CMYK в RGB, HEX, HSL и CSS с визуальным превью цвета
  • Удобные слайдеры и числовые поля для точной настройки каждого канала CMYK
  • 16 готовых пресетов популярных цветов для быстрого старта
  • Пипетка для определения CMYK-цвета из загруженного изображения (PNG, JPG, WebP)
  • Палитра для сохранения до 20 цветов с экспортом в CSS-переменные
  • Копирование любого значения в буфер обмена одним нажатием
  • Полная безопасность: обработка файлов локально в браузере, без отправки на сервер

Как перевести CMYK в RGB — пошаговая инструкция

1

Введите значения CMYK

Используйте слайдеры или числовые поля для ввода значений Cyan (C), Magenta (M), Yellow (Y) и Key/Black (K) в диапазоне от 0 до 100 процентов. Можно также выбрать готовый пресет цвета или определить CMYK из загруженного изображения с помощью пипетки.

2

Получите результат мгновенно

Результат конвертации отображается в реальном времени: значения RGB (0–255), HEX-код, HSL и готовая CSS-запись. Визуальный превью позволяет сразу оценить получившийся цвет на экране.

3

Скопируйте или сохраните результат

Нажмите на любое значение, чтобы скопировать его в буфер обмена. Сохраните цвет в палитру для сравнения с другими оттенками. Экспортируйте палитру в CSS-переменные одним нажатием.

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

🎨 Перенос фирменного стиля из полиграфии в веб

Компания заказала фирменный стиль в типографии, и все цвета указаны в CMYK. Для создания сайта, email-рассылок и баннеров в социальных сетях дизайнеру нужно перевести каждый фирменный цвет из CMYK в RGB и HEX. Конвертер позволяет сделать это за секунды, сохранить все цвета в палитру и экспортировать CSS-переменные для верстальщика.

🖥️ Вёрстка макета по дизайну из Illustrator или InDesign

Дизайнер передаёт макет, где цвета заданы в CMYK (например, C70 M15 Y0 K0 для фирменного синего). Верстальщику нужен HEX-код или RGB-значение для CSS. Конвертер мгновенно даёт точный результат: вводите 70, 15, 0, 0 — получаете RGB(77, 217, 255) и HEX #4DD9FF.

📱 Проверка цвета перед печатью

Перед отправкой макета в типографию полезно убедиться, как CMYK-цвет будет выглядеть на экране. Конвертер показывает визуальное превью с учётом конвертации, что помогает выявить слишком тусклые или неожиданные оттенки заранее.

🎓 Изучение теории цвета и цветовых моделей

Студенты дизайна и колористики используют конвертер для наглядного изучения связи между субтрактивной (CMYK) и аддитивной (RGB) моделями цвета, экспериментируют со слайдерами и наблюдают, как изменение каждого канала влияет на итоговый оттенок.

Часто задаваемые вопросы о конвертации CMYK в RGB

Какая формула используется для перевода CMYK в RGB?
Стандартная формула конвертации CMYK в RGB: R = 255 × (1 − C/100) × (1 − K/100), G = 255 × (1 − M/100) × (1 − K/100), B = 255 × (1 − Y/100) × (1 − K/100). Значения C, M, Y, K задаются в процентах от 0 до 100, результат RGB — целые числа от 0 до 255. Эта формула обеспечивает стандартное преобразование без учёта ICC-профилей.
Насколько точна конвертация CMYK в RGB без ICC-профиля?
Стандартная формула перевода CMYK в RGB достаточно точна для большинства задач веб-дизайна, подготовки презентаций и digital-контента. Для профессиональной полиграфии с жёсткими требованиями к цветопередаче может потребоваться конвертация с учётом ICC-профиля конкретного печатного устройства, так как цветовые гаммы CMYK и RGB не совпадают полностью.
Почему цвет на экране отличается от напечатанного?
Экран использует аддитивную модель RGB (свечение пикселей), а типография — субтрактивную CMYK (наложение красок). Физическая природа цвета разная, поэтому абсолютного совпадения добиться невозможно. Кроме того, влияют калибровка монитора, тип бумаги, профиль печатной машины и условия освещения. Конвертер даёт максимально близкое математическое соответствие.
Безопасно ли загружать изображение в конвертер?
Полностью безопасно. Изображение обрабатывается исключительно в вашем браузере с помощью JavaScript и Canvas API. Файл не загружается на сервер, не передаётся третьим лицам и не сохраняется нигде, кроме оперативной памяти вашего устройства. После закрытия страницы все данные удаляются автоматически.
Можно ли получить HEX-код из CMYK?
Да. Конвертер автоматически вычисляет HEX-код из CMYK через промежуточный пересчёт в RGB. HEX — это шестнадцатеричная запись RGB-значений, которая широко используется в HTML, CSS и веб-дизайне. Результат отображается сразу и копируется одним нажатием.
Где найти CMYK-значения цвета для моего бренда?
CMYK-значения фирменных цветов обычно указываются в брендбуке или гайдлайне компании. Если брендбука нет, откройте исходный макет логотипа в Adobe Illustrator, CorelDRAW или Figma и проверьте цвет объекта в палитре. Также можно загрузить изображение логотипа в наш конвертер и определить CMYK с помощью встроенной пипетки.
Работает ли конвертер CMYK в RGB на телефоне?
Да, конвертер полностью адаптирован для мобильных устройств. Слайдеры, числовые поля, пресеты, пипетка и копирование результатов работают на смартфонах и планшетах с любой операционной системой — iOS, Android, Windows. Интерфейс автоматически подстраивается под размер экрана.

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

Всегда проверяйте конвертированный цвет на калиброванном мониторе — это даёт более точное представление об итоговом оттенке

Сохраняйте часто используемые цвета в палитру, чтобы не переводить их каждый раз заново

Для фирменного стиля фиксируйте значения во всех моделях: CMYK для печати, RGB и HEX для экрана

Помните, что некоторые яркие RGB-цвета невозможно точно воспроизвести в CMYK — это ограничение цветовой гаммы печати

При подготовке макетов для печати задавайте цвета сразу в CMYK, а не конвертируйте из RGB — это даёт более предсказуемый результат

Используйте экспорт CSS-переменных палитры для единообразия цветов на всём сайте

Конвертер CMYK в RGB регулярно обновляется для обеспечения максимальной точности и удобства.

Все вычисления выполняются локально в вашем браузере. Изображения не отправляются на сервер. Конвертер работает полностью конфиденциально и безопасно. Если у вас есть вопросы или предложения по улучшению инструмента, напишите нам через форму обратной связи.

Комментарии (1)

Был ли полезен этот инструмент?
💬

Загрузка комментариев...