🎨

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

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

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

Зачем нужен перевод 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, 184, HEX #2273B8.

3

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

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

🧠

Знаете ли вы?

🎨

RGB имеет больший цветовой охват, чем CMYK — примерно 16,7 млн цветов против 15 млн. Поэтому перевод из 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, 184 (#2273B8).

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

C 0, M 95, Y 100, K 0 → RGB 239, 26, 0 (#EF1A00).

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

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

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

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

Тёмно-серый

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 и HEX одновременно. Это сэкономит время при любых будущих адаптациях между печатью и экраном.

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

Был ли полезен этот инструмент?
Руслан Авдеев (автор проекта)1 янв. 2024 г., 00:00
🎉 Спасибо, что используете наши инструменты! Все инструменты на ToolFox полностью бесплатны и постоянно улучшаются. 📝 Пожалуйста, оставляйте комментарии: - Если инструмент работает некорректно - Если есть идеи по улучшению - Поделитесь своим опытом использования 👍 Ставьте лайки/дизлайки - это помогает мне понять, какие инструменты нуждаются в доработке. Я обновляю сайт каждую неделю на основе вашей обратной связи. ⭐ Если вам нравится ToolFox — буду благодарен за отзыв о сайте в Яндекс.Браузере (нажмите на ⋮ → «Оценить сайт» в панели браузера). Это помогает другим людям находить наши инструменты! 😊 Также вы можете написать мне напрямую в Telegram: @avdeevrus Все доработки и улучшения по вашим пожеланиям делаю бесплатно! Благодарю за доверие и использование ToolFox! 🚀