Перевод в цвет rgb
Для чего используется инструмент Конвертер цветов?
Благодаря данному инструменту вы сможете легко преобразовать одну цветовую модель в другую (HEX в RGB, HEX в CYMK, RGB в CYMK, RGB в HEX), чтобы подготовить графические изображения для размещения на вашем сайте или для печати.
Что такое цветовая система и для чего она нужна? Не вдаваясь в дебри терминологии, скажем просто: цветовая система – это то, как «звучит» цвет на языке чисел. Люди, профессия которых так или иначе связана с графикой, должны знать основные цветовые модели и то, как они применяются на практике. Так уж повелось, что в мире все должно быть упорядочено, систематизировано и изучено. И цвет – не исключение. Основных цветовых моделей – ровно пять, но рассмотрим мы только две, которые чаще всего используются в среде разработчиков, дизайнеров и веб-мастеров: RGB и CMYK.
О цветовой модели RGB
RGB – это цветовая модель, которая чаще всего используется в сфере веб-дизайна. Согласно теории создателя этой модели — Джеймса Максвелла, любой цвет можно получить путем смешивания трех основных оттенков: красного (Red), зеленого (Green) и синего (Blue). С появлением компьютеров, цветам присвоили восьми- (классическая модель RGB) и шестнадцатеричное (HEX) значение, где каждый оттенок можно отобразить в числовом виде. В сфере веб-дизайна чаще всего используется шестнадцатеричная система исчисления цвета, значение которого задается здесь символами от 0 до ff (где ff = 255). Новый оттенок в виде #RRGGBB можно получить, «смешивая» цифровые значения основных цветов.
С помощью шестнадцатеричного режима можно закодировать около 16 миллионов оттенков (по 1 биту на каждый оттенок), но в этом особой необходимости нет: глаза большинства пользователей просто не способны различить такое количество цветов. Поэтому веб-мастера чаще всего используют шестнадцатибитный режим, в котором на кодирование красного и синего оттенков отводится по 5 бит, а на кодирование зеленого — 6 бит.
Цветовые значения RGB поддерживают все основные браузеры. При этом вы должны понимать, что отображение цвета будет зависеть от аппаратной части устройства: иными словами, на разных мониторах картинка будет выглядеть по-разному.
О цветовой модели CMYK
Данная цветовая модель используется в полиграфии, и многие из вас никогда с ней не сталкивались. Однако, если у вас возникла необходимость воспользоваться нашим Конвертером цветов, то стоит и с ней познакомиться поближе.
Систему цветопередачи CMYK (где Cyan – сине-зеленый, Magenta — пурпурный, Yellow — желтый, Key/blacK – ключевой, черный цвет) используют для стандартной триадной (полноцветной) печати, которая обладает значительно меньшим набором оттенков, чем модель RGB.
Числа, определяющие цвета в системе CMYK – это процент оттенка, который входит в итоговую цветовую комбинацию. Например, оттенок «хаки» состоит из 30% голубого цвета, 45% пурпурного, 80% желтого и 5 % черного.
При этом стоит помнить, что «красивое» числовое значение цвета на мониторе может очень сильно разочаровать вас при выводе изображения на бумагу.
Подводя итог, можно сказать следующее: при подготовке изображение для размещения на веб-ресурсе используется цветовая модель RGB, а для вывода на печать – CMYK. А наш удобный Конвертер цветов поможет вам легко преобразовать одну систему в другую.
Конвертер цветов
С помощью универсального конвертер цветов вы можете легко перевести цвет из одной цветовой модели в ряд других.
В первую очередь, калькулятор служит для удобной работы с современными форматами CSS3-цветов. Поддерживается конвертация из HEX в RGB/RGBA и HSL/HSLA, RGB в CMYK, XYZ, LAB, и обратно.
А также специальный функционал для замещения альфа-канала при переводе цвета из RGBA в RGB (и HSLA в HSL).
Справка по цветовым моделям
Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.
HEX / HTML
Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.
Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.
Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.
Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.
Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.
Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).
Цветовые значения RGB поддерживаются во всех основных браузерах.
С недавних пор современные браузеры научились работать с цветовой моделью RGBA — расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.
Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.
Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.
HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).
HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.
По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.
Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.
Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).
Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).
Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).
HSB / HSV
HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.
HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).
Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.
Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.
Перевод из RGB в CMYK
Перед сдачей макета в типографию проверьте: все ли объекты переведены в CMYK, т.к.цветовая модель RGB для полиграфии недопустима.
Проверка цветовой модели в CorelDraw
Проверка цветовой модели в CorelDrawФайл (File) — Сведения о документе (Document Proporties)
В появившемся окне просмотрите информацию, указанную под заголовками:
Объекты растровой графики (Bitmap Objects)
Заливки (Fills) — здесь указаны цветовые модели заливки векторных объектов
Абрисы (Outlines) — здесь указаны цветовые модели контуров (обводки) векторных объектов
Могут быть указаны модели: CMYK, grayscale, Pantone (только если печатается специальной краской), недопустимы модели RGB и CMYK255.
Если они имеются, их обязательно нужно перевести в CMYK, растровую графику желательно переводить в CMYK в растровых редакторах (таких как Adobe Photoshop)
Перед переводом желательно проверить цветовой профиль программы, чтобы избежать искажение цвета, задуманного дизайнером.
Кратко о CMYK255: цветовая модель ранних версий Corel, иногда появляющаяся в макетах из-за открытия старых файлов, использования клипартов, импортирования файлов из illustratorа. Для печати она недопустима. Может вызвать серьёзные ошибки при цветоделении.
Перевод цвета в CorelDraw
Перевод цвета в CorelDrawЕсли Вы знаете, какие именно объекты имеют не ту цветовую модель, то
выделите объект — на панели инструментов выберите Заливка — Однородная заливка, если не применен градиент. — во вкладке модели выберите CMYK — нажмите ОК
Если нужно перекрасить в Pantone-цвет, то в окне однородной заливки выберите вкладку палитры, во вкладке выберите серию Pantone-цветов, т.е. тип краски, которой будут печатать (например PANTONE(R) process coated EURO — для глянцевой бумаги, и печати красками по евро-стандартам)
Выберите цвет (можно вбить номер Pantone-цвета справа внизу окна), нажмите ОК
Аналогично перекрашиваются и объекты с градиентной заливкой, только выбирается окно: «Фонтанная заливка»
Если Вы не можете найти RGB объекты или их очень много, то
Правка — Поиск и замена — Заменить объекты — Заменить цветовую модель или палитру
В новом окне поставить необходимыее настройки и нажать «готово». Далее нажать: найти все — заменить все.
Подводные камни:
1) Осторожно с текстом, если текст раскрашен в разные цвета, то буквы могут поменять цвет на цвет первой буквы блока. Т.е. перед такой заменой лучше перевести разноцветный текст в кривые. И все равно, внимательно проверьте, не изменился ли цвет.
2) Абрисы и заливки заменяются отдельно. Т.е. если RGB объекты и в заливках и в обводке, при первой замене поставьте галочку напротив «Заливки», при второй — напротив «Абрисы»
3) Черные объекты при переводе из RGB в CMYK могут стать не 100% black, а составным черным. В этом случае после перевода:
Замена цвета одного на другой
Найдите один такой объект, запомните или запишите цвет (в цифрах)
Правка — Поиск и замена — Заменить объекты — Заменить цвет
Вверху введите записанное значение цвета, который нужно заменить
Внизу — нужный цвет. Далее по аналогии.
Как избавиться от CMYK 255 в CorelDraw
Как избавиться от CMYK 255 в CorelDrawДля офсетной печати модель CMYK 255 недопустима. Обнаружить наличие объектов легко в сведениях о документе
Файл (File) — Сведения о документе (Document Proporties) (более подробно описано выше)
Если Вы помните, какие именно объекты вставлялись из файлов старых версий (до 9 версии включительно) или из 15 версии Corel, можно попробовать удалить эти объекты и еще раз проверить сведения о документе.
Радикальным способом борьбы со CMYK 255 является перевод всего макета в RGB. Закрыть файл, открыть его и перевести в CMYK (способ перевода описан выше).
Недостаток, что цвета после перевода меняют свои числовые значения. Черный становится четырехсоставным, красный, салатовый, желтый. тускнеют.
Поэтому лучше найти только объекты CMYK 255, скопировать в новый документ и уже в новом документе переводить в RGB, затем в CMYK, а потом перекрашивать изменившиеся цвета (с помощью поиска и замены цвета).