Теория цвета.Основные характеристики цвета | Image And Style
Каждый объект в природе человек может увидеть как предмет того или иного цвета.
Это обусловлено способностью разных предметов поглощать или отражать электромагнитные волны определённой длины. И способностью человеческого глаза воспринимать это отражение посредством особых клеток в сетчатке глаза. Сам предмет при этом цвета не имеет, он обладает только физическими свойствами – поглощать или отражать свет.
Откуда берутся эти самые волны? Любой источник света состоит из этих волн. Таким образом, человек увидеть цвет предмета может только при его освещённости. Причём в зависимости от источника света (солнце днём, солнце на закате или на восходе, луна, лампы накаливания, огонь и т.д.), силы света (более яркий, более тусклый), а также от способности личного восприятия конкретным человеком, цвет предмета может выглядеть по-разному. Хотя сам предмет при этом не меняется, конечно. Итак, цвет – это субъективная характеристика предмета, которая зависит от разных факторов.
Если солнечный свет пропустить через призму, этот луч разложится на отдельные волны. Это как раз те самые цвета, которые может воспринимать глаз человека: красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый. Это 7 электромагнитных волн разной длины, которые вместе составляют белый свет (глазом видим как белый цвет), т.е. его «спектр».
Итак, каждый цвет – это волна определённой длины, которую может увидеть и распознать человек!
Видимый цвет предмета определён тем, каким образом этот предмет взаимодействует со светом, т.е. с составляющими его волнами. Если предмет отражает волны какой-то длины, то эти волны и определяют то, каким мы видим этот цвет. Например, апельсин отражает волны длиной примерно от 590 до 625 nm – это волны оранжевого цвета, а остальные волны поглощает. Именно эти отражающиеся волны и воспринимаются глазом. Поэтому апельсин человек видит оранжевым. А трава выглядит зелёной, потому что благодаря своей молекулярной структуре, поглощает волны красного и синего цвета и отражает волны зелёной части спектра.
Как я уже говорила, воспринимаемый цвет зависит от источника света. Без света нет волн и нечему отражаться, глаз не видит ничего. Если освещение недостаточно, то глаз видит только очертания предметов – более тёмные или менее тёмные, но все в одной серо-чёрной гамме. За способность глаза видеть в условиях плохого освещения отвечают другие участки сетчатки.
Таким образом, в зависимости от характера света, попадающего на предмет, мы видим разные варианты цвета этого предмета.
Если предмет освещён хорошо, мы видим его чётким, цвет чистый. Если света слишком много, цвет видится разбелённым (вспомните пересвеченные фотографии). Если света мало, цвет выглядит темнее, постепенно стремясь к чёрному.
Каждый цвет можно проанализировать по нескольким параметрам. Это характеристики цвета.
Характеристики цвета.
1) ЦВЕТОВОЙ ТОН. Это та самая длина волны, которая и определяет положение цвета в спектре, его название: красный, синий, жёлтый и т.д.
Необходимо различать понятия «тон» и «подтон».
Тон – это основная краска. Подтон – примесь другого цвета.
Как раз подтон и определяет такое понятие, как ТЕМПЕРАТУРА цвета. Если к основному тону добавить жёлтый пигмент, то температура цвета будет ощущаться тёплой. Ассоциации с красно-жёлто-оранжевыми цветами – огонь, солнце, тепло, жар. Предметы тёплых оттенков кажутся ближе.
Если к основному тону добавить синий пигмент, то температура цвета будет восприниматься холодной (цвета голубой и синий ассоциируются с льдом, инеем, холодом). Предметы холодных оттенков кажутся дальше.
Здесь важно запомнить и не путать понятия. Есть два значения словосочетаний «тёплые цвета» и «холодные цвета». В одном случае говорят о цветовом тоне, тогда красный, оранжевый и жёлтый – тёплые, а синий, сине-зелёный и фиолетовый – холодные цвета. Зелёный и сиреневый – нейтральные.
Во втором случае речь идёт о подтоне цвета, о его преобладающем оттенке. Именно в этом значении и будет употребляться этот термин в дальнейшем для описания цветов внешности – тёплых и холодных цветотипов. И говоря о температуре цвета в этом значении, мы имеем в виду, что каждый цвет может иметь и тёплый, и холодный оттенок в зависимости от своего подтона! Кроме оранжевого – он всегда тёплый (из-за особенностей его расположения в спектре). Белый и чёрный вообще не входят в цветовой круг и потому для них не применимо понятие цветового тона, но коль речь зашла о температуре всех цветов, то обозначу сразу, что эти два относятся к холодным цветам.
2) Вторая характеристика каждого цвета – ЯРКОСТЬ.
Она показывает, насколько сильно световое излучение. Если сильное, то цвет максимально яркий. Чем меньше света, тем цвет выглядит темнее, яркость снижается. Любой цвет при максимальном снижении яркости становится чёрным. Представьте предметы яркого цвета в условиях сумерек – цвет кажется тёмным, его яркость не видна. Понижение яркости за счёт добавления чёрного делает цвет более
Яркость света и яркость цвета – разные понятия. Выше говорилось именно о цвете предмета при ярком свете. В графических программах (в том же painte) яркость используется именно в этом значении. На картинке ниже можно увидеть уменьшение параметра «яркость» при затемнении цвета.
Но также существует термин «яркость», в значении «чистота», «сочность» цвета, т.е. максимально интенсивный цвет без примесей чёрного, белого или серого.
3) Третья характеристика каждого цвета – СВЕТЛОТА.
Это характеристика , противоположная насыщенности (затемнённости, силе) цвета.
Чем больше светлота, тем ближе цвет к белому. Максимальная светлота любого цвета – белый цвет. Параметр «яркость» при этом повышается. Но эта яркость – не цветность (чистота), а увеличение освещённости, ещё раз делаю акцент на разнице этих понятий.
4) Четвёртая характеристика каждого цвета – ХРОМАТИЧНОСТЬ (ИНТЕНСИВНОСТЬ). Это степень «чистоты» цвета, отсутствие примесей в его тоне, его сочность. При добавлении в основной цвет серого пигмента, цвет становится менее ярким, иначе – приглушённым, мягким. Т.е. его хроматичность (цветность) понижается. При максимально сниженной хроматичности цвета любой цвет становится одним из оттенков серого.
Важно не путать понятия «сочный» и «насыщенный» цвет. Напоминаю, что насыщенный – это тёмный оттенок, а сочный – это яркий, без примесей, тон.
Часто, когда говорят, что цвет яркий, имеют в виду, что он максимально хроматичен, чистый, сочный цвет. Именно в этом значении данный термин и используется в теории цветотипов, о которых пойдёт речь дальше.
Если увеличить параметр «яркость», т.е. добавить белый цвет, то и на этом уровне светлоты можно таким же образом делать цвет более приглушённым, добавляя серый оттенок.
Аналогично и с более насыщенными (более тёмными) оттенками – они тоже бывают как более чистыми, так и более приглушёнными. Главное, что мы видим во всех случаях при уменьшении хроматичности – это всё более выраженный серый подтон. Именно это отличает мягкие цвета от ярких (чистых).
Ещё один важный нюанс – при добавлении в основной тон любого ахроматического цвета (белый, серый, чёрный), меняется температура цвета. Она не меняется на противоположную, т.е. тёплый цвет не станет таким образом холодным или наоборот. Но эти цвета приблизятся по характеристике «температура» к нейтральным оттенкам. Т.е. без ярко выраженной температуры. Именно поэтому представители мягких, тёмных или светлых цветотипов могут носить некоторые цвета из нейтрально-холодных или нейтрально-тёплых вне зависимости от своего основного цветотипа. Но об этом буду рассказывать позже.
Таким образом, по своим основным характеристикам все оттенки делятся на:
1) Тёплые (с золотистым подтоном) / холодные (с синим подтоном)
2) Светлые (ненасыщенные) / тёмные (насыщенные)
3) Яркие (чистые) / мягкие (приглушённые)
И у каждого цвета есть одна ведущая характеристика и две дополнительных, что и обусловливает название некоторых оттенков. Например, светло-розовый – ведущая характеристика – «светлый», дополнительные – может быть как тёплым, так и холодным, как ярким, так и мягким.
Потренируемся определять ведущую характеристику.
Или одну ведущую и одну – дополнительную.
На приведённых выше примерах хорошо видно влияние полутона на ведущую характеристику оттенка:
Тёмные цвета – цвета с добавлением чёрного (насыщенные).
Светлые цвета – цвета с добавлением белого (выбеленные).
Тёплые цвета – цвета с тёплыми (жёлтыми, золотистыми) полутонами.
Холодные цвета – цвета с холодными (синими) полутонами, кажутся льдистыми.
Яркие цвета – чистые, без добавления серого.
Мягкие цвета – приглушённые, с добавлением серого.
· Инструмент для подбора цветов и генерации цветовых схем ·
Теория Цвета
Цветом можно любоваться бесконечно, но вот обсуждать тему цвета, порой бывает трудно. Дело в том, что слова, которые мы используем для описания цвета, слишком неточны и часто приводят к взаимному непониманию. Путаница происходит не только с такими техническими терминами как «яркость», «насыщенность» и «цветность», но даже с такими простейшими словами, как «светлый», «чистый», «яркий» и «тусклый». Даже специалисты ведут свои споры так до сих пор и не утвердив стандартные определения понятий.
Цвет — это феномен света, вызываемый способностью наших глаз определять различные количества отражённого и проецируемого света. Наука и технология помогла нам понять, как физиологически человеческий глаз воспринимает свет, измерить длины волн света, узнать количества несомой ими энергии. И теперь мы понимаем, насколько сложно понятие «цвет». Ниже мы рассказываем о том, как мы определяем свойства цвета.
Мы попытались составить словарь терминов и понятий. И хотя мы не претендуем на единственный авторитет в теории цвета, определения, которые вы здесь найдёте, подкрепляются другими математическими и научными аргументами. Пожалуйста, сообщите нам, если в данном словаре отсутствуют какие-либо слова и понятия, о которых вы бы хотели узнать.
Тон (Hue)
Иные переводы: цвет, краска, оттенок, тон.
Именно это слово мы имеем в виду, когда задаём вопрос «Какой это цвет?». Мы интересуемся свойством цвета, которое называется «Тон/Hue». Например, когда мы говорим о красном, жёлтом, зелёном, и синем цветах, мы имеем в виду «тон/hue». Различные тона создаются светом с различной длиной волны. Таким образом, этот аспект цвета обычно довольно легко распознать.
Контраст тонов — явно различные тона.
Контраст тона — различные оттенки, одинаковый тон (синий).
Термин «тон» описывает главную характеристику цвета, которая отличает красный цвет от жёлтого и синего. Цвет в значительной степени зависит от длины волны света излучаемого или отражаемого объектом. Например, диапазон видимого света находится между инфракрасным (длина волны ~700nm) и ультрафиолетовым (длина волны ~400nm).
На диаграмме показан цветовой спектр, отражающий эти границы видимого света, а также две цветовые группы (красная и синяя), которые называются «семействами тонов». Любой цвет, взятый из спектра можно смешать с белым, чёрным и серым, и получить цвета соответствующего семейства тонов. Обратите внимание, что в семействе тонов присутствуют цвета с различной яркостью, хроматичностью и насыщенностью.
Хроматичность (Chromaticity, Chorma)
О хроматичности мы говорим, когда рассуждаем о «чистоте» цвета. Это свойство цвета говорит нам, насколько он чист. Это означает, если в цвете отсутствуют примеси белого, чёрного или серого, цвет имеет высокую чистоту. Эти цвета выглядят живыми и чистыми.
Понятие «хроматичность» связано с насыщенностью. И его часто путают с насыщенностью. Однако мы будем продолжать использовать эти термины раздельно, потому что на наш взгляд они относятся к различным ситуациям, о чём будет сказано несколько ниже.
Высокая хроматичность — очень сияющие, живые цвета.
Низкая хроматичность — ахроматичные, бесцветные цвета.
Хроматичность одинакова — средний уровень. Та же живость цветов несмотря на различный тон; чистота меньше, чем у образцов выше.
Высокохроматические цвета содержат максимум собственно цвета с минимальными или нулевыми примесями белого, чёрного или серого. Иными словами, степень отсутствия примесей других цветов в конкретном цвете характеризует его хроматичность.
Хроматичность, которую часто называют «сочностью», является количеством цвета (hue) в цвете. Цвет без цвета (hue) является ахроматичным или монохроматичным, и видим как серый. Для большинства цветов, по мере увеличения яркости увеличивается и хроматичность, за исключением очень светлых цветов.
Насыщенность (Saturation)
В связке с хроматичностью, насыщенность говорит нам, как цвет выглядит в различных условиях освещённости. Например, комната окрашенная в один цвет, ночью будет выглядеть иначе, чем днем. В течение дня, несмотря на то что цвет будет неизменён, его насыщенность будет меняться. Насыщенностью не имеет отношения к словам «тёмный», «светлый». Вместо этого используйте слова «бледный», «слабый» и «чистый», «сильный».
Насыщенность одинаковая — та же интенсивность, различные тона.
Контраст насыщенности — различные уровни наполнения, тон одинаковый.
Насыщенность, которую также называют «интенсивностью цвета» (intensity), описывает силу цвета относительно его яркости (value) или светлоты (luminance/lightness). Иными словами, насыщенность цвета обозначает его отличие от серого при определённой яркости освещения. Например, цвета близкие к серому ненасыщенные по сравнению с более светлыми цветами.
У цвета свойство «живой» или «полный» является ни чем иным, как отсутствием примеси серого или его оттенков. Важно отметить, что насыщенность измеряется вдоль линий одинаковой яркости.
Насыщенность/Saturation: 128
Яркость (Value/Brightness)
Когда мы говорим, что цвет «тёмный» или «светлый», мы имеем в виду его яркость. Это свойство сообщает нам, насколько свет светел или тёмен, в том смысле, насколько он близок к белому. Например, канареечный жёлтый цвет считается светлее синего «navy blue», который в свою очередь сам светлее чёрного. Таким образом, значение (value) канареечного жёлтого выше, чем синего «navy blue» и чёрного.
Низкая яркость, постоянная — одинаковый уровень яркости.
Контраст яркостей — серый = ахроматичный.
Контраст яркостей — полное различие яркости.
Яркость (используется термин «value» или «brightness») зависит от количества света, излучаемого цветом. Самый простой способ запомнить это понятие — это представить себе шкалу серого цвета, со сменой чёрного на белый, в которой содержатся все возможные варианты монохроматического серого цвета. Чем больше в цвете света, тем он ярче. Таким образом пурпурный — менее яркий, чем небесно-голубой, так как излучает меньше света.
Эту шкалу серого цвета можно приравнять к цветной шкале с помощью того же уравнения, которое используется в телевидении (Яркость серого цвета = 0.30 Red + 0.59 Green + 0.11 Blue):
Интерактивная демонстрация иллюстрирует изменение яркости в двухмерной схеме:
Яркость/Value: 128
Светлота (Luminance/Lightness)
Несмотря на то, что вместо этого слова часто употребляют слово «яркость» (brightness), мы предпочитаем использовать слово «светлота» (или «светимость»). Понятие «светлота цвета» связано с многими теми же переменными, что и яркость в смысле «value». Но в данном случае используется другая математическая формула. Если говорить кратко, вспомните цветовой круг. В нем цвета расположены по кругу с одинаковой светлотой. Добавление белого увеличивает светлоту, добавление чёрного — уменьшает.
Это измерение цвета относится к яркости (value), но отличается по своему математическому определению. Светлота цвета измеряет интенсивность потока света на единицу площади его источника. Рассчитывается она путём вычисления среднего в группе ахроматичных цветов.
Достаточно сказать, что светлота растёт от очень тёмного до очень светлого (сияющего) и может быть отображена с помощью цветового круга, который показывает все цвета (hue) с одинаковой светлотой. Если к цветовому кругу добавить немного света, мы тем самым увеличим интенсивность света и таким образом увеличим светлоту цветов. Противоположное произойдёт, если мы уменьшим свет. Сравните, как выглядят плоскости, отображающие светлоту, с плоскостями, отображающими яркость (выше).
Светлота/Luminance: 128
Оттенок (tint), тональность (tone), и тень (shade)
Эти термины часто используются неправильно, но они описывают довольно простое понятие в цвете. Главное помнить, насколько цвет отличается от своего начального тона (hue). Если к цвету добавляется белый, эта более светлая разновидность цвета называется «оттенок» (tint). Если цвет делается темнее путём добавления чёрного, полученный цвет называется «тень» (shade). Если же добавляется серый цвет, каждая градация дает вам различную тональность (tone).
Оттенки (добавляем белый к чистому цвету).
Тени (добавляем чёрный к чистому цвету).
Тональности (добавляем серый к чистому цвету).
Комплементарные, дополнительные цвета (Complementary Colors)
Когда два или несколько цветов «подходят друг к другу», их называет комплементарными, дополняющими друг друга цветами. Этот признак абсолютно субъективен, и мы готовы его обсудить и выслушать другие мнения. Более точным определением будет «если два цвета, будучи смешанными вместе, дают нейтрально-серый (краска/пигмент) или белый (свет) цвет, они называются дополняющими, комплементарными».
Основные цвета (Primary Colors)
Определение основных цветов зависит от того, как мы собираемся воспроизводить цвет. Цвета, видимые при расщеплении солнечного света с помощью призмы, иногда называют спектральными цветами. Это красный, оранжевый, жёлтый, зелёный, голубой, синий и фиолетовый. Эту комбинацию КОЖЗГСФ часто сводят к трём цветам: красный, зелёный и сине-фиолетовый, которые являются основными цветами аддитивной системы цветов (свет). Первичными цветами субтрактивной системы цветов (краска, пигмент) являются циан, фуксин и жёлтый. Запомните, комбинация «красный, жёлтый голубой» не является комбинацией основных цветов!
Системы цветов RGB, CMYK, HSL
В различных случаях в зависимости от того, как воспроизводится цвет, используются различные цветовые системы. Если мы используем источники света — доминирующей системой является RGB (от «red/green/blue» — «красный/зелёный/синий»).
Для цветов, которые получаются путём смешивания красок, пигментов или чернил на ткани, бумаге, полотне или другом материале, в качестве цветовой модели используется система CMY (от «cyan/magenta/yellow» — «циан/фуксин/жёлтый»). В связи с тем, что чистые пигменты очень дороги, для получения чёрного цвета используется не равная смесь CMY, а просто чёрная краска.
Другой популярной цветовой системой является HSL (от «hue/saturation/lightness» — «цвет/насыщенность/яркость»). У этой системы есть несколько вариантов, где вместо насыщенности используется хроматичность (chroma), светлота (luminance) вместе с яркостью (value) (HSV/HLV). Именно эта система соответствует тому, как человеческий глаз видит цвет.
Основные характеристики цвета
Фото видео студия «Бекар» — рекламная фото съёмка, рекламная видео съёмка!
Читать с начала
Итак, коротко для справки: изначально свет, как электромагнитное излучение с определённой длиной волны – белый. Но при пропускании его через призму он раскладывается на следующие составляющие его видимые цвета (видимый спектр): красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый (каждый охотник желает знать где сидит фазан).
Почему я выделил «видимые«? Особенности строения человеческого глаза позволяют нам различать только эти цвета, оставляя вне поля нашего зрения ультрафиолетовое и инфракрасное излучение. Способность человеческого глаза воспринимать цвет напрямую зависит от способности материи окружающего нас мира поглощать одни световые волны и отражать другие. Почему красное яблоко красное? Потому что поверхность яблока, имея определённый био-химический состав, поглощает все волны видимого спектра, за исключением красного, который от поверхности отражается и, попадая в наш глаз в виде электромагнитного излучения определённой частоты, воспринимается рецепторами и распознаётся мозгом как красный цвет. С зелёным яблоком или оранжевым апельсином ситуация аналогичная, как и со всей материей, которая нас окружает.
Рецепторы человеческого глаза наиболее чувствительны к синему, зелёному и красному цвету видимого спектра. На сегодня существует около 150000 цветовых тонов и оттенков. При этом человек может различать порядка 100 оттенков по цветовому тону, около 500 оттенков серого. Естественно, художники, дизайнеры и т.д. обладают более широким диапазоном цветовосприятия. Все цвета, расположенные в видимом спектре, называются хроматическими.
Видимый спектр хроматических цветов
Наряду с этим очевидным является и тот факт, что помимо «цветных» цветов мы также распознаём и «не цветные», «чёрно-белые» цвета. Так вот, оттенки серого цвета в диапазоне «белый – чёрный» называются ахроматическими (бесцветными) из-за отсутствия в них конкретного цветового тона (оттенка видимого спектра). Наиболее ярким ахроматическим цветом является белый, наиболее тёмным – чёрный.
Ахроматические цвета
Далее, для правильного понимания терминологии и грамотного использования теоретических знаний на практике необходимо найти различия в понятиях «тон» и «оттенок». Так вот, цветовой тон — характеристика цвета, определяющая его положение в спектре. Синий цвет – это тон, красный цвет – это тоже тон. А оттенок – это разновидность одного цвета, отличающаяся от него как яркостью, светлотой и насыщенностью, так и наличием добавочного цвета, проявляющегося на фоне основного. Светло-голубой и тёмно-голубой – оттенки голубого по насыщенности, а голубовато-зелёный (бирюзовый) – по наличию в голубом добавочного зелёного цвета.
Что такое яркость цвета? Это характеристика цвета, напрямую зависящая от степени освещённости объекта и характеризующая плотность светового потока, направленного в сторону наблюдателя.
Говоря проще, если при всех остальных равных условиях, один и тот же объект последовательно осветить источниками света разной мощности, пропорционально поступающему свету отражённый от объекта свет будет также разной мощности. В итоге одно и то же красное яблоко при ярком свете будет выглядеть ярко красным, а при отсутствии света мы его не увидим вообще. Особенность яркости цвета заключается в том, что при её снижении любой цвет стремится к чёрному.
И ещё: при одинаковых условиях освещённости один и тот же цвет может отличаться яркостью благодаря способности отражать (или поглощать) поступающий свет. Глянцевый чёрный будет ярче, чем матовый чёрный именно потому, что глянец больше отражает поступающий свет, а матовый – больше поглощает.
Светлота, светлота… Как характеристика цвета – существует. Как точное определение – скорее нет. Следуя одним источникам, светлота – степень близости цвета к белому. Согласно другим источникам – субъективная яркость участка изображения, отнесённая к субъективной яркости поверхности, воспринимаемой человеком как белая. Третьи источники относят понятия яркость и светлость цвета к синонимам, что не лишено логики: если при уменьшении яркости цвет стремится к чёрному (становится темнее), то при увеличении яркости цвет будет стремиться к белому (становится светлее).
На практике так и происходит. Во время фото или видео съёмки недоэкспонированные (недостаточно света) объекты в кадре становятся чёрным пятном, а переэкспонированные (переизбыток света) – белым.
Аналогичная ситуация касается и терминов «насыщенность» и «интенсивность» цвета, когда в некоторых источниках говорится, что «насыщенность цвета – это интенсивность …. и т.д. и т.п». На самом деле это абсолютно разные характеристики. Насыщенность – «глубина» цвета, выраженная в степени отличия хроматического цвета от одинакового с ним по светлоте серого цвета. При уменьшении насыщенности каждый хроматический цвет приближается к серому.
Интенсивность – преобладание какого-либо тона по сравнению с другими (в пейзаже осеннего леса оранжевый тон будет преобладающим).
Такая «подмена» понятий происходит, скорее всего, по одной причине: грань между яркостью и светлостью, насыщенностью и интенсивностью цвета настолько тонкая, насколько субъективно само понятие цвет.
Из определений основных характеристик цвета можно выделить следующую закономерность: на цветопередачу (и соответственно на цветовосприятие) хроматических цветов большое влияние оказывают ахроматические цвета. Они не только помогают формировать оттенки, но и делают цвет светлым или темным, насыщенным или блеклым.
Как эти знания могут помочь фотографу или видеографу? Ну во-первых, никакой фотоаппарат или видеокамера не способны передать цвет так, как его воспринимает человек. И чтобы в дальнейшем при пост-обработке фото или видео материала достичь гармонии в изображении или приблизить изображение к реальности, необходимо умело манипулировать яркостью, светлостью и насыщенностью цвета, чтобы результат удовлетворил или Вас, как художника, или окружающих, как зрителей. Не зря в кинопроизводстве существует профессия колорист (в фотографии эту функцию обычно выполняет сам фотограф). Человек, обладающий знаниями о цвете, путём цветокоррекции доводит снятый и смонтированный материал до такого состояния, когда цветовое решение фильма просто заставляет зрителя изумляться и восхищаться одновременно. Во-вторых, в колористике все эти особенности цвета переплетаются довольно тонко и в различной последовательности, позволяя не только расширить возможности цветопередачи, но и добиться каких-то индивидуальных результатов. Если же этими инструментами пользоваться безграмотно, сложно будет найти поклонников своего творчества.
И на этой позитивной ноте мы наконец-то подошли к колористике.
Колористика, как наука о цвете, в своих законах опирается именно на спектр видимого излучения, который трудами исследователей 17-20 вв. из линейного представления (иллюстрация выше) был трансформирован в форму хроматического круга.
Что нам позволяет понять хроматический круг?
1. Основных (базовых, первичных, чистых) цветов всего 3:
Красный
Жёлтый
Синий
2. Составных цветов второго порядка (вторичных) тоже 3:
Зелёный
Оранжевый
Фиолетовый
Мало того, что в хроматическом круге они расположены напротив основных цветов, но и получаются они путём смешивания основных цветов друг с другом (зелёный = синий + жёлтый, оранжевый = жёлтый + красный, фиолетовый = красный + синий).
3. Составных цветов третьего порядка (третичных) 6:
Жёлто-оранжевый
Красно-оранжевый
Красно-фиолетовый
Сине-фиолетовый
Сине-зелёный
Жёлто-зелёный
Составные цвета третьего порядка получаются путём смешивания основных с составными цветами второго порядка.
Именно месторасположение цвета в двенадцатичастном цветовом круге позволяет понять, какие цвета и как могут сочетаться друг с другом.
продолжение
© Студия Бекар. Все права защищены.
Любое использование материалов допускается только с указанием активной ссылки на источник.
Цвет для чайников. Обширное руководство для начинающих.
Эта статья основана на книге “Искусство цвета” Иоханнеса Иттена и еще бесчисленном количестве различных статей о теории цвета. Тут я попытался сделать “обезжиренную” версию этих знаний, для более легкого понимания материала. Статья подойдет не только дизайнерам, но и всем людям, которые хотят научится понимать и работать с цветом. В статье вы узнаете о физических свойствах цвета, почему мы воспринимаем его таким, что он может значить и как составлять гармоничные схемы.
Дисперсия света
Исаак Ньютон один из первых кто смог разложить белый солнечный свет на цветовой спектр — позднее это назвали “Дисперсией света”.
Опыт заключался в следующем: он пропускал солнечный свет через призму. В ней луч света расслаивался на цвета и выводился на экран.
Обложка альбома группы Pink Floyd “Dark Side of the Moon», отображающая дисперсию света.Цвета которые выводились называются спектральными или проще — чистые цвета. Это красный, оранжевый, желтый, зеленый, синий и фиолетовый.
Интересный факт, оказывается, количество цветов в радуге, зависит от страны проживания. Жители Китая считают, что в радуге пять цветов. Для жителей США типичным ответом будет шесть цветов, в то время как жители России насчитывают их семь (+голубой). На самом деле в радуге собран весь спектр, но мы можем увидеть только некоторые из них.
Если все эти цвета пропустить обратно через собирательную призму, то мы опять получим белый цвет.
Дополнительные цвета
Если мы соберем красный + оранжевый + желтый в один цвет, и зеленый + синий + фиолетовый в другой, а потом смешаем два получившихся цвета то получим белый.
(красный + оранжевый + желтый) + (зеленый + синий + фиолетовый) = белый
Даже если мы смешаем только отдельные противоположные цвета красный + зеленый, оранжевый + синий, желтый + фиолетовый то в результате получим белый.
Два цвета, объединение которых даёт нам белый цвет, называются дополнительными цветами.
Пример: Если мы удалим из спектра один цвет, к примеру красный и с помощью линзы соберем оставшееся цвета: оранжевый + жёлтый + зеленый + синий + фиолетовый, то результатом у нас будет зеленый цвет. Потому что зеленый является дополнительным цветом по отношению к удалённому нами красному. Почему именно такие соотношения “зеленый — красный” расписано ниже.
Вычитаемые цвета
Если перед лучом света поставить фильтр который пропускает только синий цвет, а за ним фильтр пропускающий только красный цвет, то оба фильтра вместе не пропустят свет и дадут чёрный цвет или темноту. Потому что синий фильтр пропускает только синий цвет, а красный фильтр в свою очередь поглощает все, кроме красного (который уже был поглощен синим фильтром).
Поглощаемые в физическом эксперименте цвета называются также вычитаемыми.
Параметры цвета
- Тон / Hue — это то, что мы имеем в виду, говоря «цвет». Синий, красный, зеленый, оранжевый, фиолетовый и тд.
- Насыщенность / Saturation — параметр цвета, характеризующий степень чистоты цветового тона.
- Яркость / Brightness — обозначает степень отличия цвета от белого или черного.
Что такое RGB, CMYK, HEX и чем они отличаются
RGB (Red, Green, Blue) — аддитивная (сложение) цветовая модель. Основные цвета которой красный, зеленый и синий. Это значит, что при сложении всех цветов у нас получится белый. Такая модель используется во всех электронных устройствах. Записывается в виде: rgb(0,0,0), каждый из цветов может варьироваться от 0 до 255 включительно, где (0,0,0) — черный цвет, (255,255,255) — белый. Дополнительно может добавляться четвертый параметр — аlpha канал, который означает насколько прозрачен цвет. Alpha канал может принимать значения от 0 до 1, к примеру rgba(31,104,2, 0.8).
HEX — это RGB в шестнадцатеричной системе. Выглядит таким образом #102945, первые две цифры отвечают за красный цвет, вторые за зеленый и третьи за синий. Каждый символ может принимать значения: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. Где #000000 — черный цвет, а #ffffff — белый.
CMYK (Cyan, Magenta, Yellow, Key color) — субтрактивная (вычитание) схема формирования цвета. Состоит из голубого, пурпурного, жёлтого и ключевого — черного цвета. Эта модель используется в полиграфии при цветной печати. Бумага, как и все материалы, отражает свет, поэтому считают, какое количество света отразилось от поверхности. Несмотря на то, что чёрный цвет можно получать смешением в равной пропорции пурпурного, голубого и жёлтого красителей, по ряду причин (чистота цвета, переувлажнение бумаги, стоимость и др.) такой подход неудовлетворителен, поэтому используют отдельно черный цвет.
Почему мы видим цвета такими?
Световые волны сами по себе не имеют цвета. Цвет возникает лишь при восприятии этих волн человеческим глазом и мозгом.
Цвет предметов возникает, главным образом, в процессе поглощения волн. Желтый сыр выглядит желтым потому, что он поглощает все остальные цвета светового луча и отражает только желтый. Когда мы говорим: «этот сыр желтый», то мы на самом деле имеем в виду, что молекулярный состав поверхности сыра таков, что он поглощает все световые лучи, кроме желтого. Сыр сам по себе не имеет никакого цвета, цвет создаётся при его освещении.
Если красная бумага (поверхность, поглощающая все лучи кроме красного) освещается зелёным светом, то бумага покажется нам чёрной, потому что зелёный цвет не содержит лучей, отвечающих красному цвету, которые могли быть отражены нашей бумагой.
Сам цвет не выражает нечего. Его содержание определяется контекстом. Значение цвета может быть определено только с помощью его отношения к другому цвету. Если изобразить светлую фигуру на белом фоне, и эту же фигуру на черном, то на белом фоне она кажется темнее, производя впечатление лёгкого нежного тепла. На чёрном же становится чрезвычайно светлым и приобретает холодный, агрессивный характер.
Согласно данным одного из исследований, персональные предпочтения, опыт, воспитание, культурные различия и контекст зачастую искажают эффект, который оказывают на нас отдельные цвета.
Пользователи не понимают нашего цветокодирования. Желтый значит «веселый» для вас, но для для других это может значить «не здоровый» или «блевотный». Каждый человек воспринимает цвета очень субъективно и зависит это только от его контекста. Он любит одни цвета, и ненавидит другие. И это в значительной степени непредсказуемо. Вы не сможете угадать.
Цвет не является вербальным или рациональным. Он контекстен и эмоционален. Цвет — сильный инструмент, но сам по себе он не имеет смысла.
Отличная статья про желтый цвет в кино, если вам хочется больше узнать на реальных примерах, о том как именно контекст влияет на значение цвета.
Когда люди говорят о цветовой гармонии они полагаются исключительно на субъективные чувства, в то время как понятие цветовой гармонии является объективной закономерностью. Гармония — это равновесие, симметрия сил. Наши глаза требуют и поражают комплиментарные цвета (противоположные, дополнительные) создавая этим равновесие. Нейтральным цветом считается серый, наш глаз не создает с ним ни какого дополнительного цвета.
Для того что бы создавать гармоничные сочетания, были разработаны различные системы порядка цветов. Это цветовой круг и треугольники для цветов (изображение ниже). Противоположные цвета в этом круге являются дополнительными.
Цветовой круг по Иоханнесу Иттену (1961)Композиционные схемы
Для цветовой композиции важно количественное отношение цветов. Можно сделать общее заключение, что все пары дополнительных цветов, все сочетания цветов в двенадцатичастном цветовом круге, которые связаны друг с другом через равносторонние или равнобедренные треугольники, квадраты и прямоугольники, являются гармоничными. Эти фигуры можно вращать в пределах круга, все сочетания будут гармоничными.
Основные характеристики цвета. Колористика на Haircolor.org.ua
В колористике принято выделять целый ряд характеристик цвета:
- насыщенность,
- светлота,
- яркость,
- цветовой тон.
Насыщенность — характеристика цвета, которая характеризует содержание чистого хроматического цвета в смешанном цвете. Насыщенность зависит от чистоты цвета, чем более он чист, тем более он насыщен. Серый цвет придает холод цвету, но делает его менее насыщенным. Наиболее насыщенные цвета — спектральные (чистые).
Светлота — это характеристика цвета, которая определяет близость хроматического и ахроматического цветов к белому. Это единственная из характеристик цветов, которая присуща и хроматическим, и ахроматическим цветам.
Каждый хроматический цвет максимальной насыщенности имеет свою светлоту и не может быть полученным в такой же насыщенности в более светлом или более темном варианте. Применительно к колористике волос насыщенный фиолетовый может быть получен на уровне глубины тона 4, синий — 5, красный — 7, оранжевый — 9 и т. д.
Яркость — характеристика цвета, которую часто путают со светлотой, но это объективное понятие, которое зависит от количества света, попадающего в глаз наблюдателю от объекта испускающего, пропускающего или отражающего его. Объективность данной характеристики обеспечивается тем, что яркость измеряются специальными приборами, а не на глаз.
Наиболее яркий ахроматический цвет — это белый, а наиболее темный — черный. При снижении яркости любой цвет становится черным.
Чем ближе цвета в композиции по яркости, тем более спокойной композиция получается. Чем более контрастные цвета, тем более яркой и экспрессивной будет композиция.
Цветовой тон — основная характеристика хроматических цветов, которая определяет сходство цвета с одним из цветов спектра.
Часто дополнительно разделяют цвета на холодные и теплые. В упрощенной художественной трактовке холодными цветами считаются: синий, фиолетовый, зеленый, а теплыми: красный, оранжевый, желтый. Такая трактовка соответствует психологическому и вегетативному восприятию цвета. Однако, обычно цвета характеризуют только исходя из сравнения цветов между собой. Поэтому все цвета можно более тонко разложить на теплые и холодные оттенки, что позволяет подбирать холодные красные цвета или теплые зеленые. Это явление широко применяется в теории цветотипов при подборе цветов волос, одежды и макияжа.
Для удобной систематизации различных характеристик цвета и подбора гармоничных сочетаний цветов были разработаны системы цветовых кругов, а так же цветовых объемных тел (шаров, цилиндров и т. п.). На практике обычно применяются цветовые круги в различных вариациях градации, так как объемные тела сложны в использовании, хотя и содержат в себе более подробные характеристики цветов.
Цветовые системы
Свет и цвет: основы основ / Habr
Мы часто говорим о таком понятии как свет, источниках освещения, цвете изображений и объектов, но не совсем хорошо себе представляем, что такое свет и что такое цвет. Пора разобраться с этими вопросами и перейти от представления к понимаю.
Мы окружены
Осознаем мы этого или нет, но мы находимся в постоянном взаимодействии с окружающим миром и принимаем на себя воздействие различных факторов этого мира. Мы видим окружающее нас пространство, постоянно слышим звуки от различных источников, ощущаем тепло и холод, не замечаем, что пребываем под воздействием естественного радиационного фона, а также постоянно находимся в зоне излучения, которое исходит от огромного количества источников сигналов телеметрии, радио и электросвязи. Почти всё вокруг нас испускает электромагнитное излучение. Электромагнитное излучение — это электромагнитные волны, созданные различными излучающими объектами – заряженными частицами, атомами, молекулами. Волны характеризуются частотой следования, длинной, интенсивностью, а также рядом других характеристик. Вот вам просто ознакомительный пример. Тепло, исходящее от горящего костра – это электромагнитная волна, а точнее инфракрасное излучение, причем очень высокой интенсивности, мы его не видим, но можем почувствовать. Врачи сделали рентгеновский снимок – облучили электромагнитными волнами, обладающими высокой проникающей способностью, но мы этих волн не ощутили и не увидели. То, что электрический ток и все приборы, которые работают под его действием, являются источниками электромагнитного излучения, вы все, конечно же, знаете. Но в этой статье я не стану рассказать вам теорию электромагнитного излучения и его физическую природу, я постараюсь более мене простым языком объяснить, что же такое видимый свет и как образуется цвет объектов, которые мы с вами видим. Я начал говорить про электромагнитные волны, чтобы сказать вам самое главное: Свет – это электромагнитная волна, которая испускается нагретым или находящимся в возбужденном состоянии веществом. В роли такого вещества может выступить солнце, лампа накаливания, светодиодный фонарик, пламя костра, различного рода химические реакции. Примеров может быть достаточно много, вы и сами можете привести их в гораздо большем количестве, чем я написал. Необходимо уточнить, что под понятием свет мы будем подразумевать видимый свет. Всё выше сказанное можно представить в виде вот такой картинки (Рисунок 1).
Рисунок 1 – Место видимого излучения среди других видов электромагнитного излучения.
На Рисунке 1 видимое излучение представлено в виде шкалы, которая состоит из «смеси» различных цветов. Как вы уже догадались – это спектр. Через весь спектр (слева направо) проходит волнообразная линия (синусоидальная кривая) – это электромагнитная волна, которая отображает сущность света как электромагнитного излучения. Грубо говоря, любое излучение – есть волна. Рентгеновское, ионизирующее, радиоизлучение (радиоприемники, телевизионная связь) – не важно, все они являются электромагнитными волнами, только каждый вид излучения имеет разную длину этих волн. Синусоидальная кривая является всего лишь графическим представлением излучаемой энергии, которая изменяется во времени. Это математическое описание излучаемой энергии. На рисунке 1 вы также можете заметить, что изображенная волна как бы немного сжата в левом углу и расширена в правом. Это говорит о том, что она имеет разную длину на различных участках. Длина волны – это расстояние между двумя её соседними вершинами. Видимое излучение (видимый свет) имеет длину волны, которая изменяется в пределах от 380 до 780nm (нанометров). Видимый свет — всего лишь звено одной очень длинной электромагнитной волны.
От света к цвету и обратно
Ещё со школы вы знаете, что если на пути луча солнечного света поставить стеклянную призму, то большая часть света пройдет через стекло, и вы сможете увидеть разноцветные полосы на другой стороне призмы. То есть изначально был солнечный свет — луч белого цвета, а после прохождения через призму разделился на 7 новых цветов. Это говорит о том, что белый свет состоит из этих семи цветов. Помните, я только что говорил, что видимый свет (видимое излучение) — это электромагнитная волна, так вот, те разноцветные полосы, которые получились после прохождения солнечного луча через призму – есть отдельные электромагнитные волны. То есть получаются 7 новых электромагнитных волн. Смотрим на рисунок 2.
Рисунок 2 – Прохождение луча солнечного света через призму.
Каждая из волн имеет свою длину. Видите, вершины соседних волн не совпадают друг с другом: потому что красный цвет (красная волна) имеет длину примерно 625-740nm, оранжевый цвет (оранжевая волна) – примерно 590-625nm, синий цвет (синяя волна) – 435-500nm., не буду приводить цифры для остальных 4-х волн, суть, я думаю, вы поняли. Каждая волна – это излучаемая световая энергия, то есть красная волна излучает красный свет, оранжевая – оранжевый, зеленая – зеленый и т.д. Когда все семь волн излучаются одновременно, мы видим спектр цветов. Если математически сложить графики этих волн вместе, то мы получим исходный график электромагнитной волны видимого света – получим белый свет. Таким образом, можно сказать, что спектр электромагнитной волны видимого света – это сумма волн различной длины, которые при наложении друг на друга дают исходную электромагнитную волну. Спектр «показывает из чего состоит волна». Ну, если совсем просто сказать, то спектр видимого света – это смесь цветов, из которых состоит белый свет (цвет). Надо сказать, что и у других видов электромагнитного излучения (ионизирующего, рентгеновского, инфракрасного, ультрафиолетового и т.д.) тоже есть свои спектры.
Любое излучение можно представить в виде спектра, правда таких цветных линий в его составе не будет, потому, как человек не способен видеть другие типы излучений. Видимое излучение – это единственный вид излучений, который человек может видеть, потому-то это излучение и назвали – видимое. Однако сама по себе энергия определенной длины волны не имеет никакого цвета. Восприятие человеком электромагнитного излучения видимого диапазона спектра происходит благодаря тому, что в сетчатке глаза человека располагаются рецепторы, способные реагировать на это излучение.
Но только ли путем сложения семи основных цветов мы можем получить белый цвет? Отнюдь. В результате научных исследований и практических экспериментов было установлено, что все цвета, которые способен воспринимать человеческий глаз, можно получить смешиванием всего лишь трех основных цветов. Три основных цвета: красный, зеленый, синий. Если с помощью смешивания этих трех цветов можно получить практически любой цвет, значит можно получить и белый цвет! Посмотрите на спектр, который был приведен на рисунке 2, на спектре четко просматриваются три цвета: красный, зеленый и синий. Именно эти цвета лежат в основе цветовой модели RGB (Red Green Blue).
Проверим как это работает на практике. Возьмем 3 источника света (прожектора) — красный, зеленый и синий. Каждый из этих прожекторов излучает только одну электромагнитную волну определенной длины. Красный – соответствует излучению электромагнитной волны длиной примерно 625-740nm (спектр луча состоит только из красного цвета), синий излучает волну длиной 435-500nm (спектр луча состоит только из синего цвета), зеленый – 500-565nm (в спектре луча только зеленый цвет). Три разных волны и больше ничего, нет никакого разноцветного спектра и дополнительных цветов. Теперь направим прожектора так, чтобы их лучи частично перекрывали друг друга, как показано на рисунке 3.
Рисунок 3 — Результат наложения красного, зеленого и синего цветов.
Посмотрите, в местах пересечения световых лучей друг с другом образовались новые световые лучи – новые цвета. Зеленый и красный образовали желтый, зеленый и синий – голубой, синий и красный — пурпурный. Таким образом, изменяя яркость световых лучей и комбинируя цвета можно получить большое многообразие цветовых тонов и оттенков цвета. Обратите внимание на центр пересечения зеленого, красного и синего цветов: в центре вы увидите белый цвет. Тот самый, о котором мы недавно говорили. Белый цвет – это сумма всех цветов. Он является «самым сильным цветом» из всех видимых нами цветов. Противоположный белому – черный цвет. Черный цвет – это полное отсутствие света вообще. То есть там, где нет света — там мрак, там всё становится черным. Пример тому — иллюстрация 4.
Рисунок 4 – Отсутствие светового излучения
Я как-то незаметно перехожу от понятия свет к понятию цвет и вам ничего не говорю. Пора внести ясность. Мы с вами выяснили, что свет – это излучение, которое испускается нагретым телом или находящимся в возбужденном состоянии веществом. Основными параметрами источника света являются длина волны и сила света. Цвет – это качественная характеристика этого излучения, которая определяется на основании возникающего зрительного ощущения. Конечно же, восприятие цвета зависит от человека, его физического и психологического состояния. Но будем считать, что вы достаточно хорошо себя чувствуете, читаете эту статью и можете отличить 7 цветов радуги друг от друга. Отмечу, что на данный момент, речь идет именно о цвете светового излучения, а не о цвете предметов. На рисунке 5 показаны зависимые друг от друга параметры цвета и света.
Рисунки 5 и 6– Зависимость параметров цвета от источника излучения
Существуют основные характеристики цвета: цветовой тон (hue), яркость (Brightness), светлость (Lightness), насыщенность (Saturation).
Цветовой тон (hue)
– Это основная характеристика цвета, которая определяет его положение в спектре. Вспомните наши 7 цветов радуги – это, иначе говоря, 7 цветовых тонов. Красный цветовой тон, оранжевый цветовой тон, зелёный цветовой тон, синий и т.д. Цветовых тонов может быть довольно много, 7 цветов радуги я привел просто в качестве примера. Следует отметить, что такие цвета как серый, белый, черный, а также оттенки этих цветов не относятся к понятию цветовой тон, так как являются результатом смешивания различных цветовых тонов.
Яркость (Brightness)
– Характеристика, которая показывает, насколько сильно излучается световая энергия того или иного цветового тона (красного, желтого, фиолетового и т.п.). А если она вообще не излучается? Если не излучается – значит, её нет, а нет энергии — нет света, а там где нет света, там черный цвет. Любой цвет при максимальном снижении яркости становится черным цветом. Например, цепочка снижения яркости красного цвета: красный — алый — бордовый — бурый — черный. Максимальное увеличение яркости, к примеру, того же красного цвета даст «максимально красный цвет».
Светлость (Lightness)
– Степень близости цвета (цветового тона) к белому. Любой цвет при максимальном увеличении светлости становится белым. Например: красный — малиновый — розовый — бледно-розовый — белый.
Насыщенность (Saturation)
– Степень близости цвета к серому цвету. Серый цвет является промежуточным цветом между белым и черным. Серый цвет образуется путем смешивания в равных количествах красного, зеленого, синего цвета с понижением яркости источников излучения на 50%. Насыщенность изменяется непропорционально, то есть понижение насыщенности до минимума не означает, что яркость источника будет снижена до 50%. Если цвет уже темнее серого, при понижении насыщенности он станет ещё более темным, а при дальнейшем понижении и вовсе станет черным цветом.
Такие характеристики цвета как цветовой тон (hue), яркость (Brightness), и насыщенность (Saturation) лежат в основе цветовой модели HSB (иначе называемая HCV).
Для того чтобы разобраться в этих характеристиках цвета, рассмотрим на рисунке 7 палитру цветов графического редактора Adobe Photoshop.
Рисунок 7 – Палитра цветов Adobe Photoshop
Если вы внимательно посмотрите на рисунок, то обнаружите маленький кружочек, который расположен в самом верхнем правом углу палитры. Этот кружочек показывает, какой цвет выбран на цветовой палитре, в нашем случае это красный. Начнем разбираться. Сначала посмотрим на числа и буквы, которые расположены в правой половине рисунка. Это параметры цветовой модели HSB. Самая верхняя буква – H (hue, цветовой тон). Он определяет положение цвета в спектре. Значение 0 градусов означает, что это самая верхняя (или нижняя) точка цветового круга – то есть это красный цвет. Круг разделен на 360 градусов, т.е. получается, в нем 360 цветовых тонов. Следующая буква – S (saturation, насыщенность). У нас указано значение 100% — это значит, что цвет будет «прижат» к правому краю цветовой палитры и имеет максимально возможную насыщенность. Затем идет буква B (brightness, яркость) – она показывает, насколько высоко расположена точка на палитре цветов и характеризует интенсивность цвета. Значение 100% говорит о том, что интенсивность цвета максимальна и точка «прижата» к верхнему краю палитры. Буквы R(red), G(green), B(blue) — это три цветовых канала (красный, зеленый, синий) модели RGB. В каждом в каждом из них указывается число, которое обозначает количество цвета в канале. Вспомните пример с прожекторами на рисунке 3, тогда мы выяснили, что любой цвет может быть получен путем смешивания трех световых лучей. Записывая числовые данные в каждый из каналов, мы однозначно определяем цвет. В нашем случае 8-битный канал и числа лежат в диапазоне от 0 до 255. Числа в каналах R, G, B показывают интенсивность света (яркость цвета). У нас в канале R указано значение 255, а это значит, что это чистый красный цвет и у него максимальная яркость. В каналах G и B стоят нули, что означает полное отсутствие зеленого и синего цветов. В самой нижней графе вы можете увидеть кодовую комбинацию #ff0000 — это код цвета. У любого цвета в палитре есть свой шестнадцатиричный код, который определяет цвет. Есть замечательная статья Теория цвета в цифрах, в которой автор рассказывает как определять цвет по шестнадцатеричному коду.
На рисунке вы также можете заметить перечеркнутые поля числовых значений с буквами «lab» и «CMYK». Это 2 цветовых пространства, по которым тоже можно характеризовать цвета, о них вообще отдельный разговор и на данном этапе незачем вникать в них пока не разберетесь с RGB.
Можете открыть цветовую палитру Adobe Photoshop и поэксперовать со значением цветов в полях RGB и HSB. Вы заметите, что изменение числовых значений в каналах R, G, и B приводит к изменению числовых значений в каналах H, S, B.
Цвет объектов
Пора поговорить о том, как так получается, что окружающие нас предметы принимают свой цвет, и почему он меняется при различном освещении этих предметов.
Объект можно увидеть, только если он отражает или пропускает свет. Если же объект почти полностью поглощает падающий свет, то объект принимает черный цвет. А когда объект отражает почти весь падающий свет, он принимает белый цвет. Таким образом, можно сразу сделать вывод о том, что цвет объекта будет определяться количеством поглощенного и отраженного света, которым этот объект освещается. Способность отражать и поглощать свет определятся молекулярной структурой вещества, иначе говоря — физическими свойствами объекта. Цвет предмета «не заложен в нем от природы»! От природы в нем заложены физические свойства: отражать и поглощать.
Цвет объекта и цвет источника излучения неразрывно связаны между собой, и эта взаимосвязь описывается тремя условиями.
— Первое условие: Цвет объект может принимать только при наличии источника освещения. Если нет света, не будет и цвета! Красная краска в банке будет выглядит черной. В темной комнате мы не видим и не различаем цветов, потому что их нет. Будет черный цвет всего окружающего пространства и находящихся в нем предметов.
— Второе условие: Цвет объекта зависит от цвета источника освещения. Если источник освещения красный светодиод, то все освещаемые этим светом объекты будут иметь только красные, черные и серые цвета.
— И наконец, Третье условие: Цвет объекта зависит от молекулярной структуры вещества, из которого состоит объект.
Зеленая трава выглядит для нас зеленой, потому что при освещении белым светом она поглощает красную и синюю волну спектра и отражает зеленую волну (Рисунок 8).
Рисунок 8 – Отражение зеленой волны спектра
Бананы на рисунке 9 выглядят желтыми, потому что они отражают волны, лежащие в желтой области спектра (желтую волну спектра) и поглощает все остальные волны спектра.
Рисунок 9 – Отражение желтой волны спектра
Собачка, та что изображена на рисунке 10 – белая. Белый цвет – результат отражения всех волн спектра.
Рисунок 10 – Отражение всех волн спектра
Цвет предмета – это цвет отраженной волны спектра. Вот так предметы приобретают видимый нами цвет.
В следующей статье речь пойдет о новой характеристике цвета — цветовой температуре.
Список цветов — Википедия
Материал из Википедии — свободной энциклопедии
Список широко распространённых цветов.
RGB-значения соответствуют стандарту sRGB. Значения цветов в CMYK номинальны, так как не имеется чёткой системы перевода из RGB в CMYK (см. метамерия). Не используйте данные значения там, где необходимо соответствие цветов с высокой точностью[1].
На экране монитора примеры цветов отображаются не всегда верно из-за нехватки гамма-коррекции. Белый цвет показывается белым, чёрный — чёрным, но цвета между ними, особенно тёмные цвета, отображаются очень некорректно[2]. Например, 50-процентный серый (середина между белым и чёрным) должен иметь 50 % яркости белого, но без гамма-коррекции у него всего 18 % его яркости на дисплеях со степенью контрастности изображения 2,5 (0,52,5 = ~0,1767) — стандартное значение на большинстве дисплеев с электронно-лучевой трубкой и жидкокристаллических мониторов (на самом деле жидкокристаллические дисплеи эмулируют степень контрастности 2,5 для единообразного изображения с ранее более популярными ЭЛТ дисплеями).
Кроме того, названия цветов субъективны и произвольны, и могут отличаться в разных культурах. Ни одно из представленных здесь названий цветов не может адекватно и в полной мере характеризовать образец цвета.
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Air Force Blue | Военно-воздушный синий | #5D8AA8 | 93 | 138 | 168 | 45 | 18 | 0 | 34 | 204 | 45 | 66 | |
| Alice Blue | Синий Элис [Рузвельт Лонгворт] | #F0F8FF | 240 | 248 | 255 | 6 | 3 | 0 | 0 | 208 | 6 | 100 | |
| Alizarin Crimson | Ализариновый красный | #E32636 | 227 | 38 | 54 | 1 | 92 | 82 | 0 | 355 | 83 | 89 | |
| Almond | Миндаль Крайола | #EFDECD | 239 | 222 | 205 | 0 | 7 | 14 | 6 | 30 | 14 | 94 | |
| Amaranth | Амарантовый | #E52B50 | 229 | 43 | 80 | 0 | 81 | 65 | 10 | 348 | 81 | 90 | |
| Amber | Янтарный | #FFBF00 | 255 | 191 | 0 | 0 | 25 | 100 | 0 | 45 | 100 | 100 | |
| American Rose | Американская роза | #FF033E | 255 | 3 | 62 | 0 | 99 | 76 | 0 | 346 | 99 | 100 | |
| Amethyst | Аметистовый | #9966CC | 153 | 102 | 204 | 25 | 50 | 0 | 20 | 270 | 50 | 80 | |
| Anti-flash White | Матовый белый | #F2F3F4 | 242 | 243 | 244 | 1 | 0 | 0 | 4 | 210 | 1 | 96 | |
| Antique White | Античный белый | #FAEBD7 | 250 | 235 | 215 | 1 | 7 | 15 | 0 | 34 | 14 | 98 | |
| Apple Green | Яблочно-зелёный | #8DB600 | 141 | 182 | 0 | 23 | 0 | 100 | 29 | 74 | 100 | 71 | |
| Asparagus | Спаржа | #7BA05B | 123 | 160 | 91 | 23 | 0 | 43 | 37 | 92 | 43 | 63 | |
| Aqua | Цвет морской волны | #00FFFF | 0 | 255 | 255 | 100 | 0 | 0 | 0 | 180 | 100 | 100 | |
| Aquamarine | Аквамариновый | #7FFFD4 | 127 | 255 | 212 | 50 | 0 | 17 | 0 | 160 | 50 | 100 | |
| Army Green | Армейский зелёный | #4B5320 | 75 | 83 | 32 | 10 | 0 | 61 | 67 | 69 | 61 | 33 | |
| Arsenic | Мышьяковый | #3B444B | 59 | 68 | 75 | 21 | 9 | 0 | 71 | 206 | 21 | 29 | |
| Azure | Лазурный, Азур | #007FFF | 0 | 127 | 255 | 100 | 50 | 0 | 0 | 210 | 100 | 100 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Emerald | Изумрудный | #50C878 | 80 | 200 | 120 | 60 | 0 | 40 | 22 | 140 | 60 | 78 | |
| Eggplant | Баклажановый | #990066 | 153 | 0 | 102 | 0 | 100 | 33 | 40 | 320 | 100 | 60 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Heliotrope | Гелиотроп | #DF73FF | 223 | 115 | 255 | 13 | 55 | 0 | 0 | 286 | 55 | 100 | |
| Hot pink | Ярко-розовый цвет | #FC0FC0 | 252 | 15 | 192 | 0 | 94 | 24 | 1 | 315 | 94 | 99 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Indigo | Индиго | #4B0082 | 75 | 0 | 130 | 42 | 100 | 0 | 49 | 275 | 100 | 51 | |
| International orange (Safety orange) | Международный (сигнальный) оранжевый | #FF4F00 | 255 | 79 | 0 | 0 | 83 | 100 | 0 | 19 | 100 | 100 | |
| Indian Red | Индийский красный, каштановый | #CD5C5C | 205 | 92 | 92 | 0 | 55 | 55 | 20 | 0 | 55 | 80 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Jade | Нефритовый | #00A86B | 0 | 168 | 107 | 100 | 0 | 36 | 34 | 158 | 100 | 66 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Khaki | Хаки | #C3B091 | 195 | 176 | 145 | 0 | 10 | 26 | 24 | 37 | 26 | 76 | |
| Klein Blue | Синий Клейна | #3A75C4 | 58 | 117 | 196 | 78 | 52 | 0 | 0 | 214 | 70 | 77 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Navajo white | Белый навахо | #FFDEAD | 255 | 222 | 173 | 0 | 13 | 22 | 0 | 36 | 32 | 100 | |
| Navy | Тёмно-синий, цвет формы морских офицеров | #000080 | 0 | 0 | 128 | 100 | 100 | 0 | 50 | 240 | 100 | 50 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ochre | Охра | #CC7722 | 204 | 119 | 34 | 0 | 42 | 83 | 20 | 30 | 83 | 80 | |
| Old Gold | Старое золото | #CFB53B | 207 | 181 | 59 | 0 | 13 | 71 | 19 | 49 | 71 | 81 | |
| Olive | Оливковый | #808000 | 128 | 128 | 0 | 0 | 0 | 100 | 50 | 60 | 100 | 50 | |
| Olive Drab | Нежно-оливковый | #6B8E23 | 107 | 142 | 35 | 25 | 0 | 75 | 44 | 80 | 75 | 56 | |
| Orange | Оранжевый | #FFA500 | 255 | 165 | 0 | 0 | 35 | 100 | 0 | 39 | 100 | 100 | |
| Orchid | Орхидея | #DA70D6 | 218 | 112 | 214 | 0 | 49 | 2 | 15 | 302 | 49 | 85 | |
| Old Lace | Старое кружево | #FDF5E6 | 253 | 245 | 230 | 0 | 3 | 9 | 1 | 39 | 9 | 99 | |
| Английское название | Русское название | Пример | Шестнадцатеричное значение | RGB | CMYK | HSV | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Safety Orange (Blaze Orange) | Сигнальный оранжевый | #FF9900 | 255 | 153 | 0 | 0 | 40 | 100 | 0 | 36 | 100 | 100 | |
| Saffron | Шафрановый | #F4C430 | 244 | 196 | 48 | 8 | 23 | 99 | 0 | 45 | 80 | 96 | |
| Sapphire | Сапфировый | #082567 | 8 | 37 | 103 | 92 | 64 | 0 | 60 | 222 | 92 | 40 | |
| Sana | Салутовый | #F39643 | 210 | 134 | 200 | 13 | 67 | 31 | 16 | 74 | 10 | 47 | |
| Salmon | Лососёвый | #FF8C69[6] | 255 | 55 | 105 | 0 | 45 | 59 | 0 | 14 | 59 | 100 | |
| Sandy brown | Песочный цвет | #F4A460 | 244 | 164 | 96 | 2 | 41 | 69 | 0 | 28 | 6 | ||