Конвертер 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 — фирменный синий). Нужно адаптировать этот цвет для сайта клиента и убедиться, что он выглядит похоже на экране.
Вводит значения CMYK в конвертер: C 85, M 50, Y 0, K 10.
Получает результат: RGB 34, 115, 184, HEX #2273B8.
Вставляет 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
| CMYK | RGB | HEX |
|---|---|---|
| 0, 100, 100, 0 | 255, 0, 0 | #FF0000 |
| 100, 0, 100, 0 | 0, 255, 0 | #00FF00 |
| 100, 100, 0, 0 | 0, 0, 255 | #0000FF |
| 0, 0, 0, 100 | 0, 0, 0 | #000000 |
| 0, 0, 0, 0 | 255, 255, 255 | #FFFFFF |
| 50, 50, 0, 0 | 128, 128, 255 | #8080FF |
Важно знать
При адаптации брендовых цветов с печатных материалов под веб всегда сохраняйте HEX-код основного цвета. Это универсальный формат, который поддерживается всеми браузерами и графическими редакторами. Храните его в брендбуке вместе с CMYK-версией для разных применений.
Как использовать Конвертер CMYK в RGB
Шаг 1. Введите CMYK
Укажите значения Cyan, Magenta, Yellow, Key в процентах от 0 до 100.
Шаг 2. Получите RGB
Конвертер автоматически покажет эквивалентные значения в RGB и HEX.
Шаг 3. Посмотрите образец
Визуальный предпросмотр поможет увидеть результат цвета.
Шаг 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-код?
Всегда ли конвертер точен?
Можно ли использовать конвертер для Photoshop?
Зачем переводить CMYK в RGB?
Какая цветовая модель «лучше»?
Полезная информация
🔒 Вводимые значения цветов не сохраняются на сервере — все преобразования выполняются прямо в браузере.
📋 Ведите «цветовую библиотеку» проекта: записывайте все фирменные цвета в CMYK, RGB и HEX одновременно. Это сэкономит время при любых будущих адаптациях между печатью и экраном.
Комментарии (1)
🎨Похожие инструменты
Конвертер HEX в CMYK
Переведите HEX-код цвета в CMYK для печати
Конвертер CMYK в HEX
Мгновенный перевод цветов из CMYK в HEX-код для веб-дизайна
Конвертер RGB в HSV
Мгновенный перевод цвета из RGB в HSV (HSB) с предпросмотром
Конвертер HSV в RGB
Переведите цвет из HSV в RGB, HEX, HSL и CMYK онлайн
Конвертер HEX в HSV
Мгновенный перевод HEX-кода цвета в модель HSV (оттенок, насыщенность, яркость)
Конвертер HSV в HEX
Мгновенный перевод цвета из HSV в HEX-код с предпросмотром и палитрой
Генератор палитры цветов
Подбор гармоничных цветовых сочетаний с проверкой контрастности WCAG
Метры в километры
Перевод метров в километры и обратно с таблицей