HEX / HTML

Цвет в формате HEX - это ни что иное, как шестнадцатеричное представление RGB.

Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 - красный, 22 - зелёный, 33 - синий. Все значения должны быть между 00 и FF.

Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.

1. h1 { color: #ff0000; } /* красный */
2. h2 { color: #00ff00; } /* зелёный */
3. h3 { color: #0000ff; } /* синий */
4. h4 { color: #00f; } /* тот же синий, сокращённая запись */

RGB

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.

Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

1. h1 { color: rgb(255, 0, 0); } /* красный */
2. h2 { color: rgb(0, 255, 0); } /* зелёный */
3. h3 { color: rgb(0, 0, 255); } /* синий */
4. h4 { color: rgb(0%, 0%, 100%); } /* тот же синий, процентная запись */

Цветовые значения RGB поддерживаются во всех основных браузерах.

RGBA

С недавних пор современные браузеры научились работать с цветовой моделью RGBA - расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.

Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

1. h1 { color: rgb(0, 0, 255); } /* синий в обычном RGB */
2. h2 { color: rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
3. h3 { color: rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
4. h4 { color: rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
5. h5 { color: rgba(0, 0, 255, 0); } /* полностью прозрачный */

RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.

HSL

Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

1. h1 { color: hsl(120, 100%, 50%); } /* зелёный */
2. h2 { color: hsl(120, 100%, 75%); } /* светло-зелёный */
3. h3 { color: hsl(120, 100%, 25%); } /* тёмно-зелёный */
4. h4 { color: hsl(120, 60%, 70%); } /* пастельный зеленый */

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

HSLA

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

1. h1 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
2. h2 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
3. h3 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
4. h4 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
5. h5 { color: hsla(120, 100%, 50%, 0); } /* полностью прозрачный */

CMYK

Цветовая модель 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

Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

LAB

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

ОП ЮЕМПЧЕЛБ ДТБКЧЕТПН ЪБНЕОЙФШ ФБЛ Й ОЕ УНПЗМЙ. ч ТЕЪХМШФБФЕ Й ФБЛЙЕ ДЙЛЙЕ ДМС РТПУФПЗП ПВЩЧБФЕМС ФТЕВПЧБОЙС Л ЙУИПДОЙЛХ. б ПВЩЧБФЕМШ ОЕ ИПЮЕФ РПОЙНБФШ РТЙЮЙОХ ЬФЙИ ФТЕВПЧБОЙК. пО РТЙЧЩЛ ОБЦЙНБФШ "рЕЮБФШ" ОБ ЛПНРЕ Й РМБФЙФШ ДЕОШЗЙ Ч зЙМШДЙЙ ЖПФПЗТБЖПЧ. й РПМХЮБФШ ТЕЪХМШФБФ ВЕЪ НПЪЗПЕ...Й. й ЛМБУФШ ПО ИПФЕМ ОБ ФП, ЮФП Ч РПМЙЗТБЖЙЙ ЛБЛЙЕ ФП ФБН ЛТБУЛЙ, ЛПФПТЩЕ ОБДП УНЕЫЙЧБФШ Ч ПРТЕДЕМЕООЩИ РТПРПТГЙСИ, ЮФП CMIK ОЕ РЕТЕЛТЩЧБЕФ RGB.
фПМШЛП Й ЧУЕЗП.

Б ФЙРПЗТБЖЙС ЛМБУФШ ИПФЕМБ ОБ ОЕЛЧБМЙГЙЖЙТПЧБООПЗП ЪБЛБЪЮЙЛБ.
ОЕ РПМХЮЙФУС ЪБЛБЪБФШ НЕВЕМШ РП ОБУЛБМШОЩН ТЙУХОЛБН. РТЙДЕФУС УОБЮБМБ ЛПНХ-ФП УДЕМБФШ ЮЕМПЧЕЮЕУЛЙК ЮЕТФЕЦ.
УИТЕОБМЙ ФЙРПЗТБЖЙС ДПМЦОБ ВЩФШ ЛБЛ РТЙОФЕТ?
ВЕЪ РТПВМЕН. НПЦОП УДЕМБФШ ДТБКЧЕТ. ЧЩ ЗПФПЧЩ РМБФЙФШ ЪБ ФЙТБЦ ЛБЛ ЪБ РТЙОФЕТОЩЕ ПФРЕЮБФЛЙ? ФПЗДБ ЬФП ВХДЕФ МПЗЙЮОП.
Б РПЛБ УХЭЕУФЧХЕФ НОПЦЕУФЧП ФПОЛПУФЕК Ч РПМЙЗТБЖЙЙ. Й ОЙЛПЗП ЙЪ УРЕГЙБМЙУФПЧ, ТБВПФБАЭЙИ Ч ДБООПК ПВМБУФЙ ЬФП ОЕ ЧПМОПЧБМП. ОП ФПМШЛП РПМШЪПЧБФЕМЙ, ЛПФПТЩН ЦБМЛП ДЕОЕЗ, ОБЮЙОБАФ РЕТЕЦЙЧБФШ, ЮФП ЧПФ ЧЙДЙФЕ МЙ ОБДП ПЛБЪЩЧБЕФУС ЛБЛЙЕ-ФП ЪОБОЙС ЙНЕФШ.
ЮФПВЩ РПУФТПЙФШ ДПН ФПЦЕ ОБДП ЙНЕФШ ЪОБОЙС. РПЬФПНХ НОПЗЙЕ ОЕ УФТПСФ ЕЗП УБНПУФПСФЕМШОП, Б ОБОЙНБАФ МАДЕК. Й РТЙ ЬФПН УФТПЙФЕМШОЩЕ ФЕИОПМПЗЙЙ ХЫМЙ Ч РПУМЕДОЕЕ ЧТЕНС ЧРЕТЕД, ОБУЛПМШЛП С ЬФП РТЕДУФБЧМСА. УФТБООП, РПЮЕНХ ДП УЙИ РПТ ОЕМШЪС ЪБНЕОЙФШ ФПМРХ ФБДЦЙЛПЧ ДТБКЧЕТПН?

ЕУМЙ ФЙРПЗТБЖЙС ЛМБДЕФ ОБ ЪБЛБЪЮЙЛБ....
с ФПМШЛП ОЕ РПОСМ, У ЛБЛПЗП ИТЕОБ ЪБ ФЙТБЦ ОХЦОП РМБФЙФШ ЛБЛ ЪБ РТЙОФЕТОЩЕ ПФРЕЮБФЛЙ? еУМЙ ВХДЕФ ДТБКЧЕТ, ЧУЕ ВХДЕФ РТПЭЕ.
рПКНЙФЕ, С ОЕ ОБ ЮФП ОЕ РТЕФЕОДХА. оХ, РХУФШ ХУФТПЕОБ ФБЛ ФЙРПЗТБЖЙС. рХУФШ ПОБ ОБУФПМШЛП ОЕУПЧЕТЫЕООБ РП УТБЧОЕОЙА У РТЙОФЕТПН. пВЯСУОЙФЕ НОЕ ФПМШЛП ПДОХ ЧЕЭШ. рПЮЕНХ РТЙОФЕТ ЪОБЕФ, ЛБЛ Ч УППФЧЕФУФЧЙЙ У RGB ЛХДБ Й УЛПМШЛП ОХЦОП РПНЕУФЙФШ ЛТБУЛЙ (УНПЗМЙ ФБН ЪБНЕОЙФШ ФПМРХ ФБДЦЙЛПЧ ДТБКЧЕТПН), Б ФЙРПЗТБЖЙС - ОЕФ. чЕДШ ГЧЕФ ЛТБУПЛ Х ОЙИ ПДЙОБЛПЧЩК. пВЯСУОЙФЕ, РПЮЕНХ Ч ФЙРПЗТБЖЙЙ ЬФПФ РТПГЕУУ ОЕ НПЦЕФ ДЕМБФШ ДТБКЧЕТ, Б ДПМЦЕО ДЕМБФШ ЮЕМПЧЕЛ.
чЕЪДЕ ЗПЧПТСФ П ЮЕН ХЗПДОП. фПМШЛП ОЕ П ФПН, ЮФП С ИПЮХ УМЩЫБФШ. рпюенх ртйофет нпцеф (РП ОБУЛБМШОЩН ТЙУХОЛБН, ЛБЛ ЧЩ РЙЫЕФЕ), Б фйрпзтбжйс - ое нпцеф

ОХ Ч ДЧХИ УМПЧБИ ЬФП УЛБЪБФШ ДПЧПМШОП УМПЦОП.
РТЙОФЕТ ДЕМБЕФ ПФРЕЮБФПЛ НЕДМЕООП Й ФЙТБЦЙ НСЗЛП ЗПЧПТС ОЕВПМШЫЙЕ. ЛТБУЛЙ ФБН ЙУРПМШЪХАФУС ДТХЗЙЕ. РПЬФПНХ ПИЧБФ ОПТНБМШОПЗП РТЙОФЕТБ РТЕЧЩЫБЕФ ПИЧБФ CMYK. РТЙОФЕТ ТБВПФБЕФ ПЮЕОШ УФБВЙМШОП. ГЕОБ ЧУЕНХ ЬФПНХ ДПТПЗПЧЙЪОБ ПФРЕЮБФЛБ, ОЙЪЛЙК ТЕУХТУ Й НЕДМЙФЕМШОПУФШ ТБВПФЩ.
ФЙРПЗТБЖУЛБС НБЫЙОБ ЙУРПМШЪХЕФ РТПГЕУУ ОЕУЛПМШЛП ОЕУФБВЙМШОЩК. ПФРЕЮБФПЛ НЕОСЕФУС Ч ЪБЧЙУЙНПУФЙ ПФ ХТПЧОС ЧМБЦОПУФЙ Й ФЕНРЕТБФХТЩ Ч РПНЕЭЕОЙЙ, ПФ ФПЗП, ЛБЛЙЕ ЙУРПМШЪХАФУС ЖПТНЩ, ЛТБУЛБ Й ВХНБЗБ. ОП ЪБФП РТЙ ЪОБЮЙФЕМШОП НЕОШЫЕН ЛБЮЕУФЧЕ РП УТБЧОЕОЙА У РТЙОФЕТПН ДПУФЙЗБЕФУС УЛПТПУФШ, Л РТЙНЕТХ, 5-7 ФЩУ ПФРЕЮБФЛПЧ Ч ЮБУ ЖПТНБФПН б1, ЮЕЗП РТЙОФЕТХ ОЕ ЧЙДБФШ. РТЙ ЬФПН УФПЙНПУФШ ПДОПЗП МЙУФБ НПЦЕФ ВЩФШ НЕОШЫЕ, ЮЕН ОБ РТЙОФЕТЕ 10И15 ОБРЕЮБФБФШ.
ФЕРЕТШ, ЮФП ЛБУБЕФУС ГЧЕФПДЕМЕОЙС. Л УПЦБМЕОЙА, У ГЧЕФПДЕМЕОЙЕН ОБ РТЙОФЕТЕ ФПЦЕ ОЕ ЧУЕ ФБЛ РТПУФП. ЧЕДШ РПРБДБОЙЕ Ч ГЧЕФ ДБЦЕ ОБ ПТЙЗЙОБМШОЩИ НБФЕТЙБМБИ ЧЕУШНБ РТЙВМЙЪФЕМШОП (ЧПФ ФПМШЛП ОЕДБЧОП ТБДЙ ЙОФЕТЕУБ РЕЮБФБМ ОБ ПТЙЗЙОБМШОЩИ ЮЕТОЙМБИ ОБ ТПДОПК ВХНБЗЕ), Ф.Е. ДМС ФПЮОПК ГЧЕФПРЕТЕДБЮЙ ОХЦОП ЧНЕЫБФЕМШУФЧП ЮЕМПЧЕЮЕУЛПЗП ЖБЛФПТБ, ЛПФПТЩК УПЪДБУФ РТПЖЙМЙ ДМС ЛПОЛТЕФОПЗП УПЮЕФБОЙС ЮЕТОЙМБ/ВХНБЗБ. Й ЕУМЙ Ч ПВЩЮОПК ЦЙЪОЙ ЮЕМПЧЕЛ НПЦЕФ ЪБВЙФШ ОБ ЛБЮЕУФЧП ПФРЕЮБФЛБ, ФП Л ФЙРПЗТБЖЙЙ Х ОЕЗП ВХДХФ НЙМШПО РТЕФЕОЪЙК.
РТЙОГЙР РЕЮБФЙ Ч ФЙРПЗТБЖЙЙ ЧЕУШНБ ПФМЙЮБЕФУС. ОХ, ДБЧБКФЕ ФБЛ. ЛПОЛТЕФОЩК РТЙНЕТ. фу УПЪДБЕФ Ч жПФПЫПРЕ ЛБТФЙОЛХ У ЮЕТОЩН ФЕЛУФПН Ч RGB. РПФПН РЕТЕЧПДЙФ Ч CMYK. ЮФП РТПЙУИПДЙФ? ЮЕТОЩК Ч RGB ФЕЛУФ ДЕМЙФУС ОБ 4 ЛТБУЛЙ. Ч ЙФПЗЕ НБМЕКЫЕЕ ОЕУПЧНЕЭЕОЙЕ (Б ЙДЕБМШОПЗП УПЧНЕЭЕОЙС Ч ФЙРПЗТБЖЙЙ ДПВЙФШУС ОЕМШЪС) РТЙЧПДЙФ Л ФПНХ, ЮФП Х ЮЕТОПЗП ФЕЛУФБ ВХДЕФ ГЧЕФОПК БВТЙУ. ЛТПНЕ ЬФПЗП ЕУМЙ ЮЕТОЩК ФЕЛУФ МЕЦЙФ РПЧЕТИ ЛБТФЙОЛЙ, ФП РТЙ ГЧЕФПДЕМЕОЙЙ ПВТБЪХАФУС ВЕМЩЕ ДЩТЛЙ РПД ФЕЛУФПН, ЮФП РТЙ УНЕЭЕОЙЙ ЮЕТОПК ЛТБУЛЙ ДБУФ ВЕМЩК БВТЙУ Х ВХЛЧ. ЧПФ РПЬФПНХ НБЛЕФ ДПМЦЕО УПЪДБЧБФШУС Ч CMYK, Б ЮЕТОЩК ФЕЛУФ МЕЦБФШ ЧЕЛФПТОЩН (Б, ЛУФБФЙ, ЕУМЙ ВХДЕФ ТБУФТПЧЩН, ФП ЙОБЮЕ ВХДЕФ ЙОФЕРТЕФЙТПЧБФШУС ТЙРПН Й ВХДЕФ ЗПЧОП) ПЧЕТРТЙОФПН РПЧЕТИ ЛБТФЙОЛЙ Й Ч ПДОХ ЛТБУЛХ. :)
РПЮЕНХ ЧУЕ ЬФП ОЕ ПЛБЪЩЧБЕФ ЧМЙСОЙЕ ОБ РТЙОФЕТЕ? РТЙОФЕТХ РПЖЙЗ ЧЕЛФПТ ЙМЙ ТБУФТ. ЙОФЕТРТЕФЙТХЕФУС ЧУЕ ТБЧОП РП УХФЙ ТБУФТПН. ТБЪНЕТ ФПЮЛЙ Х РТЙОФЕТБ НЕОШЫЕ. ЮЕТОЩК ФЕЛУФ ЧУЕ ТБЧОП РЕЮБФБЕФУС ОЕ ФПМШЛП ЮЕТОПК ЛТБУЛПК (РТЙ ЧЩВПТЕ ИПТПЫЕЗП ЛБЮЕУФЧБ РЕЮБФЙ).
ФЕРЕТШ ЧПРТПУ, ЛБЛ НПЦОП РТБЧЙМШОП ГЧЕФПДЕМЙФШ ТБУФТПЧХА ЛБТФЙОЛХ У ФЕЛУФПН Ч RGB РТЙ РПНПЭЙ ДТБКЧЕТБ?
НПЦОП ЙУРПМШЪПЧБФШ РТЙОФЕТЩ ДМС ФЙТБЦЕК. ФПМШЛП ЬФП ВХДЕФ ДПМЗП Й ДПТПЗП. ОП ЪБФП ОЕ ОХЦОП ЪОБОЙК ДМС УПЪДБОЙС ПФРЕЮБФЛБ.
ЙМЙ ДЕЫЕЧМЕ, ВЩУФТЕЕ, ОП У ДПРПМОЙФЕМШОЩНЙ ТБВПФБНЙ РП РПДЗПФПЧЛЕ НБЛЕФБ.
ДХНБА, ЮФП ЕУМЙ чЩ УПЪДБДЙФЕ ФЕИОПМПЗЙА, Х ЛПФПТПК ВХДХФ ДПУФПЙОУФЧБ РЕТЧПЗП Й ЧФПТПЗП ПДОПЧТЕНЕООП, ФП УФБОЕФЕ ПЮЕОШ ВПЗБФЩН ЮЕМПЧЕЛПН. ОБ ДБООЩК ЦЕ НПНЕОФ УПЧЕТЫЕОУФЧПЧБОЙЕ ПЖУЕФБ ЙДЕФ РП ДТХЗПК ДПТПЗЕ. Й ФЙРПЗТБЖЙЙ РТПУФП ТБВПФБАФ У РТПЖЕУУЙПОБМБНЙ ЙМЙ РТЕДХРТЕЦДБАФ П ФПН, ЮФП ПФРЕЮБФПЛ ВХДЕФ УФТБЫЕО.

УРБУЙВП ВПМШЫПЕ ЪБ ТБЪЧЕТОХФЩК ПФЧЕФ! фЕРЕТШ, РП ЛТБКОЕК НЕТЕ, ИПФШ ЮФП ФП УФБОПЧЙФУС РПОСФОП!
чУЕ ФБЛЙ УДЕМБМ ЛПЕ-ЛБЛЙЕ ЧЩЧПДЩ ДМС УЕВС.
1. фЙРПЗТБЖУЛЙК РТПГЕУУ - ЛТБКОЕ ОЕУПЧЕТЫЕООЩК РТПГЕУУ. рТЙОГЙРЩ ПУФБМЙУШ УФБТЩНЙ, ФЕИОПМПЗЙЙ РТПДЧЙЗБАФУС ЛТБКОЕ НЕДМЕООП. ьФП ФХРЙЛ. дМС ДБМШОЕКЫЕЗП ТБЪЧЙФЙС ОХЦОП ЮФП ФП ЛБТДЙОБМШОП НЕОСФШ.
2. пФДБЧБФШ НБФЕТЙБМЩ Ч ФЙРПЗТБЖЙА ОХЦОП ЙНЕООП ФБНПЫОЕНХ УРЕГЙБМЙУФХ РП РТЕДРЕЮБФОПК РПДЗПФПЧЛЕ. ъБРМБФЙФШ ДЕОЕЗ, РХУФШ ЧУЕ ДЕМБЕФ РТБЧЙМШОП.

ЛУФБФЙ, РТЙОФЕТОБС РЕЮБФШ ТБЪЧЙЧБЕФУС ДПУФБФПЮОП ВЩУФТП Й, ЮЕН ЮЕТФ ОЕ ЫХФЙФ, НПЦЕФ Ч ОЕДБМЕЛПН ВХДХЭЕН ЛПОЛХТЙТПЧБФШ У ФЙРПЗТБЖУЛПК РП УЛПТПУФЙ Й УФПЙНПУФЙ. дПТПЗПЧЙЪОБ РТЙОФЕТОПК РЕЮБФЙ ПВХУМПЧМЕОБ Ч ПУОПЧОПН ЙУЛХУУФЧЕООП ЪБЧЩЫЕООПК ГЕОПК ОБ ТБУИПДОЙЛЙ.
уЛПТПУФШ РТЙОФЕТОПК РЕЮБФЙ НПЦОП РПЧЩУЙФШ, РПНЕОСЧ ЛПОУФТХЛГЙА РТЙОФЕТБ. оБРТЙНЕТ, УДЕМБФШ УФБГЙПОБТОХА РЕЮБФОХА ЗПМПЧЛХ ЫЙТЙОПК 2 НЕФТБ Й ФСОХФШ ЮЕТЕЪ ОЕЕ ТХМПО. фЕПТЕФЙЮЕУЛЙ ОЙЛБЛЙИ РТЕРСФУФЧЙК Л ТЕБМЙЪБГЙЙ ДБООПК ЙДЕЙ ОЕФ.

ОБ УБНПН ДЕМЕ, С ДХНБА, ЮФП ЛБТДЙОБМШОП Ч РПМЙЗТБЖЙЙ ОЙЮЕЗП ОЕ РПНЕОСЕФУС Ч ВМЙЦБКЫЕЕ ЧТЕНС. ЧПЪНПЦОПУФЙ Ч ПУОПЧОПН ХУФТБЙЧБАФ ТБВПФОЙЛПЧ УБНПК ПФТБУМЙ.
ЧПЪНПЦОПУФШ ТБВПФЩ УП УФПИБУФЙЛПК, ЙУРПМШЪПЧБОЙЕ ЧЩУПЛЙИ МЙОЙБФХТ Й Ф.Д. ЬФП ХЦЕ ДЕКУФЧЙФЕМШОП ЛТХФПЕ ЛБЮЕУФЧП. ОП ПОП ОЕ ПЮЕОШ-ФП Й ЧПУФТЕВПЧБОП.
Ф.Е. ЧУЕ ХРЙТБЕФУС ОЕ Ч ФЕИОПМПЗЙА, Б Ч ОЕЧПУФТЕВПЧБООПУФШ.
ПРСФШ ЦЕ ЛБЦДЩК ДПМЦЕО ЪБОЙНБФШУС УЧПЙН ДЕМПН. фу ЖПФПЗТБЖ. ОП РПЮЕНХ-ФП ТЕЫЙМ ЧЪСФШ ОБ УЕВС ТБВПФХ ЧЕТУФБМШЭЙЛБ. ЪБЮЕН? Ч ГЙЧЙМЙЪПЧБООПН НЙТЕ ЬФП ДЕМБАФ ПФДЕМШОЩЕ МАДЙ, ЛПФПТЩИ УПЧЕТЫЕООП ОЕ ОБРТСЗБАФ ФЙРПЗТБЖУЛЙЕ ФТЕВПЧБОЙС. ЕУФШ ФЕ, ЛФП ДЕМБАФ РТЕРТЕУУ, ЕУФШ ФЕ, ЛФП ДЕМБАФ УРХУЛЙ ОЕРПУТЕДУФЧЕООП Ч ФЙРПЗТБЖЙЙ. ЧУЕ ПОЙ ОЕРМПИП ЧЛМАЮЕОЩ Ч РТПГЕУУ.
ФПЮОП ФБЛЦЕ НПЦОП ПВЧЙОСФШ ФЕИОЙЮЕУЛЙК РТПЗТЕУУ Ч ФПН, ОБРТЙНЕТ, ЮФП ОЕМШЪС РПЮЙОЙФШ БЧФПНПВЙМШ УБНПУФПСФЕМШОП. ОП РТЙ ЬФПН МЙЮОП НЕОС ОЕ ОБРТСЗБЕФ ЪБРМБФЙФШ ДЕОЕЗ ЪБ фп НПЕЗП БЧФПНПВЙМС, Ф.Л. С ЪОБА, ЮФП ЧУЕ ВХДЕФ УДЕМБОП ЛБЮЕУФЧЕООП, Б ЕУМЙ ОЕФ, ФП НОЕ ЕУФШ У ЛПЗП УРТПУЙФШ Й ЛПНХ ОБЦБМПЧБФШУС. РТЙ ЬФПН ЧНЕУФП ФПЗП, ЮФПВЩ ДХНБФШ П ФПН, ЛБЛПЕ НБУМП НОЕ ОБДП ЪБМЙЧБФШ, ЗДЕ ЛБЛЙЕ ПФЧЕТУФЙС ДМС ЬФПЗП ОБИПДСФУС Й Ф. Д., С ЧЩСУОСА, ЛБЛ МХЮЫЕ УОЙНБФШ ФПФ ЙМЙ ЙОПК ПВЯЕЛФ, ХЪОБА ЛБЛЙЕ-ФП ОПЧЩЕ ЖЙЫЛЙ Ч ЖПФПЗТБЖЙЙ, Ф. Л. ЬФП НПС ПВМБУФШ.
ЮЕУФОП ЗПЧПТС, С ДХНБА, ЮФП Ч ОБЫЕК УФТБОЕ ПЮЕОШ НОПЗП РТПВМЕН ЙЪ-ЪБ ФПЗП, ЮФП Ч ТБЪОЩИ УЖЕТБИ ТБВПФБАФ ОЕРТПЖЕУУЙПОБМЩ, ЛПФПТЩЕ ОЕ РПОЙНБАФ, ЮФП ПОЙ ДЕМБАФ. Й С ЪБ ФП, ЮФПВЩ ЛБЦДЩК ЪБОЙНБМУС УЧПЙН ДЕМПН, ОП ИПТПЫП. Б ФП, ЮФП ЧУЕ ОБДП ДЕМБФШ УБНПНХ ЬФП ЛБЛБС-ФП УПЧЛПЧБС ЮЕТФБ, ЛПЗДБ Х ОБУ УЖЕТБ ХУМХЗ ВЩМБ УМБВП ТБЪЧЙФБ.

Когда вы используете один из популярных редакторов изображений, например Photoshop или GIMP, вам предоставляется несколько цветовых режимов, которые можно выбрать для создания изображения. Они включают: RGB, оттенки серого и CMYK. Последний обычно используется для изображений, которые будут распечатаны на домашнем принтере, в фотолаборатории или в сервисах печати.

RGB используется для картинок, которые планируется размещать в Интернете. Это связано с тем, как отображаются цвета. Photoshop поддерживает оба этих цветовых режима, а также позволяет осуществлять перевод CMYK в RGB.

Если у вас есть исходный файл для Фотошопа в CMYK-режиме, вы можете получить другие результаты при преобразовании его в RGB-режим. Если исходного файла нет и вы имеете дело с готовой картинкой, после преобразования может произойти некоторая потеря качества цвета.

ПЕРЕВОД CMYK В RGB

Откройте картинку, которая находится в CMYK-режиме в Photoshop. Рекомендуется её столько, сколько вам нужно, прежде чем преобразовывать. На Панели инструментов редактора выберите меню “Изображение” – “Режим” и нажмите “Цвет RGB”.

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

Похожим способом вы можете преобразовать картинку из RGB в CMYK. Процесс тот же, за исключением того, что необходимо выбрать “Цвет CMYK” в меню. Здесь придется иметь дело с цветовыми профилями. По умолчанию цветовой профиль может не дать вам наилучших результатов, и в этом случае вы можете изменить его и выбрать другой. Посмотрите, какой из них лучше всего подходит для задания печати. Спасибо за внимание!

HEX в RGB

HEX в CYMK

RGB в CYMK

RGB в HEX

Для чего используется инструмент Конвертер цветов?

Благодаря данному инструменту вы сможете легко преобразовать одну цветовую модель в другую (HEX в RGB, HEX в CYMK, RGB в CYMK, RGB в HEX), чтобы подготовить графические изображения для размещения на вашем сайте или для печати.

О цветовой модели 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. А наш удобный Конвертер цветов поможет вам легко преобразовать одну систему в другую.

Часто возникает необходимость в переводе изображения из цветовой схемы RGB в CMYK и вечная проблема, сопровождающая этот перевод – потеря цветности изображения. Может профессионалы могут подсказать и более качественный вариант, но меня, как веб-мастера, иногда выполняющего услуги по дизайну полиграфии этот способ устраивает более чем, т.к. он устраивает моих заказчиков

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

Кароче, меньше слов – больше дела. На примере простой показательной работы для моего постоянного заказчика это выглядит так:

1. Выбираем в главном меню вкладку “Редактирование” (Edit) и делаем тыц на “Преобразовать в профиль…” (Convert to Profile):

2. В открывшемся диалоговом окне ставим галочку напротив “Использовать компенсацию точки черного” (Use Black Point Compensation). В поле “Профиль”(Profile) выбираем “Заказной CMYK” (Custom CMYK):

3. В открывшемся диалоговом окне в поле “Цвет красок” (Ink Options) выбираем “SWOP (мелованная бумага)” (SWOP (Coated)). В поле “Растискивание” (Dot Gain) выбираем “Стандартное” со значением 12% (Standart, 12%). Далее установите значения и радиокнопки как на скриншоте ниже:

4. Подтверждаете свои действия клацанием по “Ок”. На этом перевод из RGB в CMYK завершен.