Список названий, кодировок и примеры цветов. Русские и английские наименования цветов. Шестнадцатеричное значение HEX, RGB, CMYK, HSV

Системы цветопередачи RGB, CMYK, HSB. Чем отличаются и что такое RGB, CMYK и HSB? Разница между цветовыми моделями, применение CMYK и RGB, различия на практике.

CMYK

C детства мы помним, что если смешать красный и жёлтый цвета, то получится оранжевый, а если голубой и жёлтый — то будет зелёный. Мы смешивали эти краски на палитре и рисовали.

В принципе, смешивать можно было не на палитре, а на самом листе: можно было нарисовать светло-голубой листочек, потом пройтись сверху прозрачным жёлтым, и получился бы зелёный листочек. Так делают, когда рисуют акварелью.

CMYK

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

Чтобы давать принтеру указания, где какую краску наносить, используют цветовую модель CMYK.

CMYK — это компьютерная цветовая модель, которая имитирует смешивание красок на бумаге. Первые три буквы — это названия цветов, из которых всё смешивается:

Cyan — голубой

Magenta — пурпурный

Yellow — жёлтый

Смешивая в разных пропорциях эти цвета, мы можем получить на бумаге оттенки любого цвета.

CMYK используют для разработки полиграфической продукции, то есть для всего, что печатается на бумаге. Модель CMYK говорит принтеру или печатному станку: «Вот тут нанеси пурпурного, а там нанеси голубого, тут всё залей жёлтым». И если принтер правильно всё нанесёт, получится нужное нам цветное изображение.

Например, если принтеру поручат напечатать одну из наших обложек, он воспримет эту инструкцию так:

Что такое RGB и CMYK

Видно, что синий цвет пены получается от смешивания пополам голубого и розового. Красный цвет стен смешивается из пурпурного и жёлтого. А цвет кожи — это жёлтый с небольшим добавлением пурпурного. И отдельно наносятся чёрные линии.

Чтобы получить чёрный цвет, можно смешать все три базовых цвета, но появится проблема: бумаге нужно будет впитать довольно много краски. Если на картинке будет много чёрного, бумага размякнет и может испортиться. А ещё от смешения всех цветов мы в реальности получим не чёрный, а скорее грязно-коричневый.

Решение придумали такое: добавить в модель чёрный цвет. Так появилась модель CMYK: Cyan, Magenta, Yellow, Black. Чёрный используют, чтобы печатать текст и дополнительно подкрашивать чёрные участки изображений.

Обратите внимание, что цвета на этой картинке не «вырвиглазные» и яркие, а приглушённые. Это компьютер пытается отобразить на экране, как эти цвета будут выглядеть на бумаге

Источник: http://thecode.media/rgb/

Расшифровка CMYK

Аббревиатура CMYK расшифровывается как:
С – циан (Cyan) – ярко-голубой;
М – маджента (Magenta) – ярко-розовая;
Y – желтый (Yellow) – ярко-желтая;
K – черный (BlacK) – черная краска, где в аббревиатуру вошла не первая, а последняя буква, что бы не путать с цветом Blue (синим), который используется в цветовой модели RGB.

Источник: http://lookcolor.ru/teoriya-cveta/cmyk-cveta/

Таблица цветов Pantone

В таблице представлен Pantone Color Bridge Coated Process. Данный каталог цветов содержит лишь ближайшие CMYK и RGB аналоги к смесевым цветам. Далеко не каждый цвет из палитры Pantone возможно передать триадными красками, — цветовой диапазон смесевых цветов Pantone гораздо шире, чем у триадных красок CMYK.

Цвет Pantone	C	M	Y	K	HTML	R	G	B
PANTONE 100	0	0	56	0	#FCEA76	252	234	118
PANTONE 101	0	0	68	0	#FCE85F	252	232	95
PANTONE 102	0	0	95	0	#FEE500	254	229	0
PANTONE 103	5	5	100	16	#D0BC00	208	188	0
PANTONE 104	7	13	100	28	#BBA30D	187	163	13
PANTONE 105	13	18	88	45	#998730	153	135	48
PANTONE 106	0	0	75	0	#FCE85D	252	232	93
PANTONE 107	0	0	92	0	#FDE724	253	231	36
PANTONE 108	0	5	98	0	#F9DA00	249	218	0
PANTONE 109	0	9	100	0	#F8D500	248	213	0
PANTONE 110	2	22	100	8	#DBB216	219	178	22
PANTONE 111	8	21	100	28	#B69920	182	153	32
PANTONE 112	10	20	100	40	#A48C1A	164	140	26
PANTONE 113	0	2	83	0	#FAE34E	250	227	78
PANTONE 114	0	4	87	0	#F9DE45	249	222	69
PANTONE 115	0	6	87	0	#F8DB46	248	219	70
PANTONE 116	0	14	100	0	#F5CB08	245	203	8
PANTONE 117	6	27	100	12	#CDA31F	205	163	31
PANTONE 118	7	28	100	30	#B48F1F	180	143	31
PANTONE 119	17	22	100	47	#937F20	147	127	32
PANTONE 120	0	5	64	0	#F7DD76	247	221	118
PANTONE 121	0	8	70	0	#F6D86F	246	216	111
PANTONE 122	0	11	80	0	#F5D258	245	210	88
PANTONE 123	0	19	89	0	#F2C541	242	197	65
PANTONE 124	0	30	100	0	#EDB220	237	178	32
PANTONE 125	6	32	100	24	#BB9121	187	145	33
PANTONE 126	11	31	100	36	#A7861D	167	134	29
PANTONE 127	0	4	62	0	#FAE17B	250	225	123
PANTONE 128	0	7	75	0	#F8D962	248	217	98
PANTONE 129	0	11	78	0	#F6D15A	246	209	90
PANTONE 130	0	32	100	0	#EDAC1A	237	172	26
PANTONE 131	2	39	100	10	#D0941F	208	148	31
PANTONE 132	9	38	100	32	#AB7F20	171	127	32
PANTONE 133	19	37	100	59	#775F1F	119	95	31
PANTONE 134	0	12	60	0	#F5D27A	245	210	122
PANTONE 135	0	21	76	0	#F1C15C	241	193	92
PANTONE 136	0	28	87	0	#EFB646	239	182	70
PANTONE 137	0	41	100	0	#EAA124	234	161	36
PANTONE 138	0	52	100	0	#E68C28	230	140	40
PANTONE 139	7	49	100	25	#B27827	178	120	39
PANTONE 140	19	49	100	54	#7D5A25	125	90	37
PANTONE 141	0	16	65	0	#F5CD66	245	205	102
PANTONE 142	0	24	78	0	#F2BF4C	242	191	76
PANTONE 143	0	32	87	0	#F0B336	240	179	54
PANTONE 144	0	51	100	0	#EA961C	234	150	28
PANTONE 145	4	53	100	8	#D08921	208	137	33
PANTONE 146	7	50	100	34	#A97620	169	118	32
PANTONE 147	19	38	90	58	#786428	120	100	40
PANTONE 148	0	17	43	0	#F4D199	244	209	153
PANTONE 149	0	24	51	0	#F2C688	242	198	136
PANTONE 150	0	41	78	0	#EDAA50	237	170	80
PANTONE 151	0	60	100	0	#E88D21	232	141	33
PANTONE 152	0	66	100	0	#E68523	230	133	35
PANTONE 153	5	64	100	17	#C17723	193	119	35
PANTONE 154	8	66	100	41	#9D6120	157	97	32
PANTONE 155	0	12	34	0	#F5D7A5	245	215	165
PANTONE 156	0	23	49	0	#F1C382	241	195	130
PANTONE 157	0	42	74	0	#EBA344	235	163	68
PANTONE 158	0	62	95	0	#E47E1A	228	126	26
PANTONE 159	1	72	100	7	#D0651E	208	101	30
PANTONE 160	6	71	100	31	#AB5A20	171	90	32
PANTONE 161	16	67	100	71	#66401D	102	64	29
PANTONE 162	0	25	35	0	#F0C4A0	240	196	160
PANTONE 163	0	44	52	0	#EBA677	235	166	119
PANTONE 164	0	59	80	0	#E68A48	230	138	72
PANTONE 165	0	70	100	0	#E37828	227	120	40
PANTONE 166	0	76	100	0	#E06C2A	224	108	42
PANTONE 167	5	77	100	15	#BB5D29	187	93	41
PANTONE 168	12	80	100	60	#6F3B20	111	59	32
PANTONE 169	0	30	26	0	#EEBCA8	238	188	168
PANTONE 170	0	48	50	0	#E89C77	232	156	119
PANTONE 171	0	61	72	0	#E4834E	228	131	78
PANTONE 172	0	73	87	0	#E06E37	224	110	55
PANTONE 173	0	82	94	2	#D7572B	215	87	43
PANTONE 174	8	86	100	36	#9C4124	156	65	36
PANTONE 175	18	79	78	56	#77402E	119	64	46
PANTONE 176	0	35	18	0	#EDB9B4	237	185	180
PANTONE 177	0	54	38	0	#E7948A	231	148	138
PANTONE 178	0	70	58	0	#E27865	226	120	101
PANTONE 179	0	87	85	0	#DD5143	221	81	67
PANTONE 180	3	91	86	12	#C1433C	193	67	60
PANTONE 181	21	93	88	50	#80352F	128	53	47
PANTONE 182	0	31	8	0	#ECBEC5	236	190	197
PANTONE 183	0	49	17	0	#E79CA6	231	156	166
PANTONE 184	0	73	32	0	#DF6B7C	223	107	124
PANTONE 185	0	93	79	0	#D93740	217	55	64
PANTONE 186	2	100	85	6	#C92A39	201	42	57
PANTONE 187	7	100	82	26	#AC2B37	172	43	55
PANTONE 188	16	100	65	58	#7D2935	125	41	53
PANTONE 189	0	39	10	0	#EBB3BC	235	179	188
PANTONE 190	0	56	18	0	#E58F9E	229	143	158
PANTONE 191	0	79	36	0	#DE6276	222	98	118
PANTONE 192	0	94	64	0	#DB3B50	219	59	80
PANTONE 193	2	99	62	11	#C32E4C	195	46	76
PANTONE 194	8	100	55	37	#9D2945	157	41	69
PANTONE 195	19	90	50	55	#7E3545	126	53	69
PANTONE 196	0	23	6	0	#EFCAD0	239	202	208
PANTONE 197	0	46	12	0	#E8A1B0	232	161	176
PANTONE 198	0	82	37	0	#DC5672	220	86	114
PANTONE 199	0	100	72	0	#D82949	216	41	73

Источник: http://colorscheme.ru/pantone-colors.html

Черная краска в CMYK

В теории, при перемешивании CMY [голубой, пурпурный, желтый], должны дать любой из возможных цветов. Но это в теории. А на деле цветовой охват CMYK крайне узок. Художники при рисовании своих творений примешивают дополнительные краски на основе чистых пигментов, чтобы получить недостающие оттенки. А печатники добавляют чистую черную краску. Причины добавления четвертого цвета таковы:

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

Источник: http://verovski.com/2010/11/11/cmyk/

Модель CMYK

CMYK – это не только основные тона для печати, но и цветовая модель, которая может в процентах описать любой оттенок. Такое свойство очень важно для того чтобы объяснить печатной машине уже внутри изображения: какими красками печатать и в какой пропорции.
Так изображение можно выразить в числовом виде, где приделом будет 100% для каждого из цветов CMYK.

Например, сине-зеленый будет иметь следующую формулу:
С – 100%; М – 25%; Y – 25%; K – 10%;

Модель CMYK

100% считается объем краски, который выдает машина при печати одного из основных цветов в этой системе. Этот объем настраивается через профиль (программного обеспечения) печатной машины. Проверка корректной настройки печати проходит через воспроизведение тонов CMYK.

Модель CMYK

Источник: http://lookcolor.ru/teoriya-cveta/cmyk-cveta/

Зачем нужен CMYK?

Современный экран может произвести практически любой цвет. А принтер, заряженный голубой, пурпурной, желтой и черной краской – нет. А теперь представьте, мы создаем макет обложки книги и используем совершенно любые цвета. Например, выбираем яркий красный цвет, салатовый, кислотный оранжевый. Что же получается, когда шедевр уходит в печать? Принтер сталкивается с цветами, которые он не может получить, путем смешивания CMYK. Результат оказывается непредсказуемый, и на выходе мы получим не то, что сотворили на экране.

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

Надо понимать, что работая с графикой, мы в любом случае создаем её в какой-либо модели цвета. Даже если мы не знаем в какой. В программах векторной графики и верстки, таких как Adobe Illustrator, Adobe InDesign, Corel Draw или Quark Express по умолчанию выставлена CMYK. А в программах растровой графики, таких как Adobe Photoshop, Corel Paint Pro или Corel Painter, наоборот. Первые ориентированы на печать, а последние на веб. Поэтому прежде чем начать работать с графикой, убедитесь в какой цветовой модели вы её создаете и для каких задач. RGB CMYK

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

Источник: http://verovski.com/2010/11/11/cmyk/

Почему «бумажные» цвета тусклее, чем «мониторные»

Причины этого кроются в принципах получения цвета на бумаге и цвета на экране. CMYK называют субтрактивной цветовой моделью. Субтрактивный – означает вычитаемый. Поверхность поглощает в себе часть лучей спектра, а часть отражает. То, что она отражает мы и видим как цвет. Например белый цвет получается у той поверхности, которая полностью отражает весь свет. А черный у той, которая весь свет поглощает. В этом заключается принципиальная разница между смешением цветов монитора и краски на бумаге. То есть между RGB и CMYK.

Вы когда-нибудь пробовали смешать желтую краску с красной? Желтый стоит выше по спектру и он светлее. А красный темнее. Получится средний оттенок – оранжевый. А если добавить зеленой и синей краски? Чем больше красок мы добавим, тем грязнее и мутнее получится наша мазня, пока не приблизится к темно коричневому.

призма
На экране все наоборот. Монитор не поглощает и не отражает, а сам является источником света. Из уроков физики мы помним, что луч белого цвета, направленный на призму расходится на спектр и сходится обратно в белый свет. Монитор устроен так же. Чем больше цветов (то есть лучей света) мы смешаем, тем светлее цвет. Поэтому такой метод образования цвета называется аддитивным, что означает — добавляемый.

При наложении друг на друга цветов RGB красный [red], зеленый [green], синий [blue] образуются три других цвета — голубой, пурпурный и желтый (cyan, margenta, yellow). Эти цвета и используются для CMYK, однако учитывая особенности краски, приобретают на мониторе более тусклый вид. RGB может производить невероятно яркие и насыщенные цвета, а бумага с краской нет. Все сайты и остальные изображения, которые вы видите на своём мониторе, отображаются в цветовой схеме RGB. Это касается и цветовой модели CMYK, её мы тоже видим через RGB, потому что принципы излучения экрана основаны на RGB, а CMYK является имитацией внутри RGB.

rgb-cmyk

Источник: http://verovski.com/2010/11/11/cmyk/

Поддержка HTML

CMYK не поддерживается в HTML, но предлагается в качестве нового стандарта в ксс4.

В ожидании ксс4, вы можете включить W3Schools ‘ Библиотека цветов, и использовать CMYK в качестве HTML атрибута, как это:

Источник: http://html5css.ru/colors/colors_cmyk.php

RGB CMYK

Если вы решите воспользоваться готовыми оттенками просто перетащив цвет на нужный элемент пипеткой, то вас ждет разочарование. Все картинки в интернете находятся в системе RGB. Для того, что бы работать в системе CMYK, нужно перевести весь файл в данный формат. Для каждой графической программы – свое меню. Затем нужный фрагмент нужно выделить и залить цветом, который будет иметь нужную процентовку. Например:

Для более глубокого улучшения для печати изображения есть специальная наука, которая называется цветокорекция.

CMYK