28 лучших инструментов для подбора цветовых схем

Расчет площади стен дома на калькуляторе

Стандартные цветовые системы — RAL и Pantone

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

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

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

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

RAL — система цветовой маркировки немецкого института

Для классификации описания цветов, произведенных по разным технологиям, чаще всего используется система RAL. Его история восходит к 1927 году, но за почти сто лет он претерпел несколько трансформаций. Изначально в нем было 40 цветов, сегодня насчитывается несколько сотен. В целях дизайна стандартная система RAL была расширена за счет добавления оттенков и тонов к цветам из классического узора. Так был создан RAL DESIGN с более чем 1600 описаниями цветов.

Рисунки RAL используются производителями красок, лаков или самоклеящихся пленок, то есть продуктов, которые должны быть одного цвета, независимо от производственного предприятия, типа изделия или материала, из которого они были изготовлены. Это называется корпоративные цвета. Они используются для маркировки или нанесения фольги на автомобили, внутренней отделки, окрашивания тканей для официальной одежды или создания рекламных гаджетов.

PMS — Pantone Matching System, то есть американская система идентификации цвета.

Типографии чаще используют вторую цветовую систему. Система согласования цветов Pantone была представлена ​​в 1983 году в США. Идентификация и описание цвета основаны на наборе эталонных цветов. Создание красок RAL основано на цветовых моделях RGB и CMYK, в то время как дополнительные цвета PANTONE не могут быть получены при четырехцветной печати. PMS обычно выбирают для окрашивания тканей, пластмасс, предметов домашнего обихода, украшений, бытовой техники, бытовой электроники и строительных компонентов.

Удачные и необычные сочетания

Какова цена индивидуальности? Палитра цветов и пара ярких акцентов.

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

Традиционно цвета делят на бледные и яркие, я же предлагаю расширить классификацию и добавить еще две категории – проверенные и непредсказуемые.

Многоцветный интерьер

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

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

Желтый+розовый

Розовый и желтый в детской

Ух ты, ага! Могу поспорить, что вы не видели ни одного интерьера в этих цветах.

Я сейчас научу вас управляться с цветами без травм и горестных вздыханий:

  1. Определите, кто главный, цвета не могут использоваться в равном количестве.
  2. Выберите интенсивность, ориентируюсь на площадь поверхности. Чем больше объект, тем светлее оттенок.

Сочетание для гостиной

  1. Основная поверхность – стены, под них будет подобрана мебель, текстиль, двери, напольное покрытие.

Еще немного насыщенного розового

  1. Помните об исходной площади помещения. Яркие и темные тона приближают и уменьшают.

Синий+темно-серый

Пастельный серый и голубой

  1. Подберите несколько оттенков серого и один оттенок синего. А вот обратное правило уже не работает, вряд ли вам удастся объединить команду синих одним серым.

Трехцветный интерьер

  1. Черный и антрацит сделают синий более ярким и глубоким.
  2. Если вы не ставите перед собой цель получить яркий интерьер, подберите синий и серый одинаковой насыщенности. Серый великолепно гармонирует с индиго и кобальтовым.

Варианты с включением натурального дерева

Зеленый+красный

У меня в сознании ассоциируется с маковым полем. Попробуем получить удачное цветовое решение?

Оттенки зеленого и красного

  1. Основным должен остаться зеленый, как более мягкий и спокойный.
  2. Правило единой насыщенности и интенсивности здесь не работает. Насыщенный красный должен сочетаться со светлым травяным, мятным зеленым или гороховым.

Красные акценты

  1. Избегайте открытых оттенков красного и зеленого. Чем сложнее цветовая палитра, тем уютнее интерьер.
  2. Красный на больших поверхностях (шторы, напольное покрытие, стены) должен входить в орнамент, а вот для мебели лучше подобрать разбеленный оттенок алого.

А что вы скажите о зеленой полоске в отделке стен?

Синий+фиолетовый

Фиолетовый и синий редко используются в качестве основного, исключением можно назвать лишь ванные комнаты.

Очарование дуэта синего и фиолетового

  1. «Банда» из насыщенного фиолетового и густого синего уместна только в комнатах достаточной площади и освещенности.
  2. Если у вас в распоряжении скромная площадь, цвета используются дозировано в виде акцентов на белом или бежевом фоне.

Летний интерьер с васильковым и сиреневым

Желтый+зеленый

  1. Здесь мы возьмем одинаковую тональность. Отлично выглядят вместе приглушенный оливковый и пастельный желтый, чистый, яркий желтый и интенсивный зеленый.

Классика на основе бледно-желтого и оттенка груши

  1. Активно внедряйте орнаменты и принты. Вам надоела яркая стена? Не спешите ее перекрашивать, лучше возьмитесь за губку и трафарет.

Чуть ярче зеленый

Бордовый+красный

  1. Первое правило дуэта – максимальная плотность. Чтобы интерьер не выглядел скучным и пресным, используйте густые и насыщенные цвета.
  2. Если красный и бордовый все никак не хотят объединяться в интерьере, разбавьте эту горячую компанию серым.

Они похожи, но все же такие разные

Принципы и типы формирования сочетаемых цветов

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

В палитре сочетаемых цветов может быть от двух до семи красок и оттенков

Чтобы их было проще запомнить, создали специальные инструменты — цветовой круг и таблицы сочетаемых цветов. В принципе, основной инструмент — это круг, а таблицы — это готовый результат подбора по нему. Если вы хотите освоить основы комбинирования цветов, пользуйтесь кругом. В противном случае подбирайте вариант из таблиц.

Цветовой круг и правила его использования

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

Круг сочетаемости цветов — для подбора базовых цветов для интерьера

Как видите, черный, серый и белый в круге не представлены. Они в чистом виде в природе не существуют, при оформлении интерьера могут использоваться как основные (белый и серый) или дополнительные.

Количество цветов

Перед тем, как объяснять правила использования цветового круга, надо разобраться с количеством цветов для их гармоничного сочетания. Вообще можно использовать два, три или четыре сочетаемых оттенка. К ним еще можно добавлять универсальные — белый, серый, черный. Именно так и поступают декораторы и художники.

Цветов много, но в одном интерьере они смотрятся гармонично. Это потому что подобраны правильно — сочетаются между собой

Но для интерьера два оттенка — это слишком монотонно и скучно. Гораздо интереснее комнаты оформленные с сочетанием трех, четырех или более цветов. При этом использовать цвета в равных пропорциях неправильно. Один-два из них выбираются как основные, их «много». В эти цвета окрашивают стены, пол, они присутствуют в обивке мебели, текстиле. Еще один-два используется как дополнительные. Их не так много, но они заметны. Остальные — сколько бы их не было — служат для внесения разнообразия и акцентов. Они присутствуют в небольших количествах — это детали декора, подушки и т.п. Если вы присмотритесь к интерьерам, которые вам нравятся, скорее всего, обнаружите такую закономерность распределения цветов.

Сочетание цветов в интерьере на основе цветового круга

Используя цветовой круг, можно по нему выбирать сочетаемые цвета. Делают это по определенным правилам. Есть несколько принципов формирования сочетаний:

  • Аналоговая триада — это несколько оттенков, расположенных один воле другого. Так можно выбрать два-четыре оттенка.
  • Контрастные цвета — два цвета, расположенных один напротив другого. Они хорошо смотрятся вместе.

  • Комплиментарная триада. Вместо одного из контрастных цветов берут два прилегающих к нему с обеих сторон.
  • Двойная разделенная контрастная схема совмещения цветов. Формируется она двумя способами: по вписанному квадрату — берется каждый третий цвет в круге, или по вписанному прямоугольнику — нижние два цвета по комплиментарному принципу (через один) и так же подобранные к ним контрастные.
  • Трехцветная (триада) схема. Выбирают базовый цвет, к нем два дополнительных — через три оттенка от базового.

Только по этим принципам можно сформировать несколько десятков сочетаний. Но еще есть предельно удаленные пары и сочетаемые четыре цвета. Это еще добавляет количество вариантов.

Дополнительные принципы формирования групп сочетаемых цветов

Но и это еще не все. Каждый из цветов в круге изменяется по насыщенности — от более светлого в середине, к темным снаружи. То есть, в выбранном секторе можно подобрать несколько оттенков по тону. Такое сочетание цветов в интерьере называется монохромным. Их тоже используют в дизайне.

В рамках одного цвета можно взять несколько оттенков, добавить штрихи нейтральных цветов — вот и готов монохромный интерьер

Поиграться с цветом порой интересно. А чтобы не было слишком уж скучно, в качестве акцентов можно использовать «универсальные» — черный, белый, серый или красный — по вкусу, в зависимости от желаемого настроения и назначения помещения.

Фирменный серый в новых сочетаниях

Оттенки

Оттенки бирюзового цвета в общем смысле могут быть холодными, теплыми и нейтральными, а также яркими и приглушенными.

Например, к нему можно отнести такие цвета, как:

  • Кюрасао.
  • Яйца дрозда.
  • Цвет морской волны.
  • Лазурь.
  • Циановый.
  • Аквамарин.
  • Персидский зеленый.

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

Выбор цвета

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

На данных иллюстрациях представлены панели выбора цвета программ Paint, Photoshop, и Fireworks:

MS Paint: стандартная панель цветов Windows.

Adobe Photoshop CC: уже лучше, но представление цветового пространства по-прежнему плоское.

Adobe Fireworks CS6: цветовой круг, свойства цвета, широкие возможности по подбору палитры цветовых сочетаний.

В следующих статьях, посвящённых теории цвета, представлена кубическая модель цвета. Она более удобна для работы, так как во-первых даёт чёткое понятие места (координат) каждого цифрового цвета, и во-вторых наглядно показывает взаимодействие двух систем цифрового представления цвета (RGB и CMYK).

Adobe Colour CC

Компания Adobe переименовала свой проект Kuler в Colour

Вы можете быть знакомы с этим инструментом по его прежнему названию — Adobe Kuler. Однако совсем недавно компания Adobe переименовала одно из своих популярных веб-приложений в Adobe Colour CC.

Он позволяет подбирать, создавать и сохранять различные цветовые схемы, в каждой из которых может присутствовать до пяти цветов. Инструмент доступен как в браузерной, так и в настольной версии. Если вы используете настольную версию, то вы сможете экспортировать цветовую схему прямо в Photoshop, Illustrator и InDesign.

Mudcube Colour Sphere

Если вы не уверены по поводу вашей цветовой схемы, то у Mudcude есть собственная галерея готовых ресурсов

Mudcube Colour Sphere – очень удобный миниатюрный ресурс для дизайнеров, который не только предлагает hex-коды выбранных цветов, но и позволяет создавать цветовые схемы для собственных проектов. Также стоит отметить, что в Mudcube имеется собственная галерея готовых ресурсов, которые также можно использовать.

The Color App

Приложение поможет узнать RGB, HEX, а также HSLA-значения выбранных цветов

iOS-инструмент The Color App позволит легко и просто определять цвета при помощи большой цветовой палитры. Он позволяет узнать RGB, HEX и HSLA-значения цветов, а также создавать собственные цветовые схемы для сайта.

Color Hunter

Color Hunter формирует цветовую схему на основе выбранного изображения

Это очень удобный инструмент, особенно если необходимо найти какой-то конкретный цвет. Выберите изображение и загрузите его в Color Hunter. Инструмент создаст цветовую палитру на основе выбранного изображения. Это отличный метод создания собственных цветовых схем.

Color

Color позволяет находить идеальные цвета, перемещая курсор мыши

Удобное миниатюрное веб-приложение. Наведите курсор мыши на экран, и определите нужный цвет, затем прокрутите немного, чтобы подобрать оттенок. После чего инструмент выдаст все необходимые HEX-коды, которые можно использовать в собственных проектах. Один из самых простых в использовании инструментов.

ColorZilla

ColorZilla доступен как для Chrome, так и для Firefox

Этот проект начинался как плагин для Firefox, однако сегодня он также доступен и для Google Chrome. ColorZilla представляет собой расширение, которое включает в себя несколько инструментов, предназначенных для работы с цветом, среди которых палитра, генератор css-градиентов и пипетка.

colr.org

Colr.org позволяет установить диапазон цветов любого изображения

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

ColorBlender

ColorBlender генерирует палитру из пяти сочетающихся цветов

Один из простейших инструментов, который позволяет настраивать цветность и в режиме реального времени получать пять сочетающихся между собой цветов. Сгенерированную палитру можно скачать в Photoshop или Illustrator в виде EPS-файла.

GrayBit

GrayBit позволяет анализировать сайты, чтобы понять, как бы они выглядели в градации серого

Этот инструмент поможет увидеть, как ваш сайт смотрится в серых тонах. Отличный сервис, который позволит выявить проблемные по контрасту места.

Shutterstock Spectrum

Изображения можно фильтровать по цветовому балансу и яркости

Иногда проверить будет ли цветовая схема сочетаться легче всего путем просмотра стоковых картинок. Практически все основные стоковые ресурсы предлагают подобные инструменты, однако Shutterstock Spectrum имеет очень удобный интерфейс. После использования слайдера для определения цвета вы сможете указать ключевые слова, которые позволят определить тему снимков. Кроме этого можно отфильтровать изображения по цветовому балансу и яркости.

ColoRotate

Данная публикация является переводом статьи «The 28 best tools for choosing a colour scheme» , подготовленная редакцией проекта.

Сайты-цветогенераторы

1. Design Seeds

Хозяйка этого прекрасного сайта Jessica, собирает гармоничные цветовые сочетания,  иллюстрированные фотографией с этими цветами.

И настолько тонкие и “вкусные” эти оттенки, настолько разные, что воображение сразу подстегивается эмоциями, рожденными цветом. Хочется творить свои картины, используя эту цветовую подсказку.

Сайт Design Seeds имеет удобный поиск по цветовым оттенкам и по сюжетам.

Зима, весна, минералы, суккуленты, флора и фауна..

Вот так выглядит страничка поиска, всё интуитивно понятно.

2. DeGraeve

Хороший Генератор, позволяющий составить цветовую палитру любой фотографии из Интернет. Для этого достаточно вставить url адрес фото и нажать кнопку “Color-Palette-ify!”

Генератор составляет две цветовых шкалы – основные натуральные цвета фото и их более насыщенные аналоги.

Минус данного генератора, что не всякий пользователь знает, как найти адрес url…

Больше полезных материалов: John Lovett: цветовой акцент через контраст.

Минус здесь в том, что не видно исходного фото.

4.Palette Generator

Жмем на кнопку “Select Image” и выбираем фото на своем компьютере. Загружаем и получаем вот такую схему, где можно выбрать количество оттенков. Максимальное их количество – 8.

Уже удобней, правда? И цвета более натуральные и гармоничные.

Читать в контексте: Как изменить серые краски фотографий на яркие!

5.Big Huge Labs

Выбираем файл на компьютере и жмем “Create palette”.

Получаем вот такую схему с пятнадцатью оттенками:

Хорошая игрушка, не правда ли?

Если вы еще плохо понимаете цвет, то вполне можно использовать для подбора оттенка для картины. В отделенном от пейзажа виде он более понятен.

Но являются ли данные цвета гармоничными?

Как подобрать гармоничные цветовые сочетания?

На эти вопросы дадут ответ другие генераторы цвета.

Они подбирают цвета по цветовым схемам.

6.Paletton

Мышкой выберите цвет на цветовом колесе. Справа вы увидите схему монохромной гармонии.

Выше колеса есть кнопки выбора других цветовых схем.

Чтобы получить результат в виде шкалы, нажмите на кнопку color tables внизу справа.

7.SessionsCollege

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

Выбираем цвет на цветовом круге.

Выбираем количество цветов для сочетания и схему.

Данные генераторы сделаны для создателей сайтов и блогов.

Они позволяют быстро найти гармоничные по цвету оттенки и, скопировав их цифровое название, использовать.

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

Буду благодарна вам за комментарии к статье. А если вы проходили мой курс по цветоведению, поделитесь своими впечатлениями и успехами!

10 лучших сервисов онлайн подбора сочетания цветов

Рассмотрим 10 сервисов для онлайн подбора цветов:

  1. Colorhunter.com. Бесплатный сервис, с помощью которого выберите любые цвета.
  2. ColorScheme. Этот сервис предоставляет готовые схемы подобранных цветов.
  3. Color.adobe.com/ru/create/color-wheel. Данный сервис предлагает бесплатно выбрать цвет и его сохранить. Для скачивания цветов на компьютер нужна регистрация.
  4. Mecolor.ru. Здесь цвета подбираются на цветовом круге. Сохраняются в виде кодов.
  5. Cvetovoy-krug.ru/podbor-cveta-v-interiere-online-service. Сервис подбирает цвета в интерьере.
  6. Colourco.de. Ресурс поможет выбрать цвет. Достаточно провести курсором мыши в нужном окне цветов и скопировать код цвета. Также, цвета скачаете на компьютер.
  7. Web.colorotate.org. На сервисе доступен трехмерный инструмент по подбору цветов. Созданный цвет можно скопировать.

Еще ресурсы:

  • Webcolourdata.com. У ресурса есть готовые цвета, которые вы можете использовать для сайтов.
  • Javier.xyz/cohesive-colors/. На данном сайте можете выбрать цвета с помощью регулятора или по схеме.
  • Designspiration.com/palette/8E39EF-3626AF-3169D1/. На сайте расположены шаблоны цветов и возможность создания новых.

Перечисленные сервисы работают. В Интернете вы можете найти десятки похожих сервисов.

Кради как художник

Это название известной книги Остина Клеона (https://austinkleon.com/steal/) . Основная мысль – ваш личный творческий подход к уже придуманным кем-то идеям, это тоже творчество. Оно дает прекрасные результаты.
Поэтому, почему бы не воспользоваться цветовой гаммой, которая уже придумана и используется с успехом крупными компаниями для своего продвижения.
Бесплатная программа BrandColors ( https://brandcolors.net/) предлагает более 500 цветовых схем, которые используют в своих логотипах известные мировые бренды. Тут же для вашего удобства приведены точные hex коды каждого цвета.

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

Виды скворечников

Основные комбинации на круге Иттена

Вариантов сочетаний цветов по кругу Иттена очень много. Давайте рассмотрим несколько из них, которые используются чаще всего.

1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.

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

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

2. Если нужен менее сильный контраст, можно использовать сочетание из трёх цветов — контрастную триаду. В этой комбинации один из дополнительных цветов заменяется на два соседних.

Контрастная триада получается при наложении равнобедренного треугольника на круг

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

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

Это сочетание смотрится более пёстрым, чем контрастная триада

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

4. Ещё один вариант комбинации из трёх цветов — аналоговая триада. Здесь задействованы цвета, расположенные на круге рядом. Это сочетание без интенсивных контрастов.

Вот пример одного из таких сочетаний

Эта палитра — спокойная и сдержанная. Аналоговое сочетание подойдёт, если вам нужны мягкие переходы между цветами без резких акцентов.

5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады все четыре цвета гармонируют между собой.

Чем больше требуется цветов, тем труднее их сочетать, но круг Иттена упрощает эту задачу.

По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.

6. Ещё одно сочетание двух пар комплементарных цветов — прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки.

Такая схема даёт много вариантов сочетаний.

Почему так много цветовых схем?

На самом деле их не так уж и много. В целом их все можно поделить на два типа: схемы представления цвета от излучаемого, и от отражённого света. Все объекты видимы для нас потому, что они сами являются источником света, либо светят отражённым светом. Чтобы более ясно понять это, взгляните на небо. Перед вами предстанут два вида объектов: те, которые светят (солнце, звезды, кометы, метеориты) и те, которые светят отражённым светом (планеты, спутники, космонавты и станция «Мир»).

В нашем случае излучающим объектом является экран монитора, а отражающим объектом является бумага, краска, пигмент, которые сами не излучают света, а светят светом, который идёт либо от солнца, либо от искусственного источника освещения.

Человеческий глаз не способен отличить цвет «определённого цвета», от цвета, полученного путём смешивания других цветов. Издавна люди подметили эту особенность, и вместо того чтобы создавать миллионы красок различных оттенков, традиционно используется лишь небольшое ограниченное их число (от сотни до трёх), а все остальные краски получаются путём смешивания исходных. Эти исходные цвета называются «первичными» — primary colors.

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

В связи с этим определяются цветовые схемы (color schemes) — набор первичных цветов, используемых для получения всех остальных цветов.

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

Сочетание цветов онлайн, что это такое

Здравствуйте, друзья! Сочетание цветов онлайн – это дополнение одного цвета к другому цвету. Такие цвета есть на специальных сервисах в Интернете и отображаются в виде палитры, круга, цветовых схем. Цвета могут быть разными: абстрактные, перемешанные в градиент, гармоничные, аналоговые и другие (скрин 1).

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

Далее мы разберем инструкцию по подбору цветов и создадим цветовую гамму.

Комоды и тумбы

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+.

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); } /* полностью прозрачный */

Как выбрать идеальный цвет

Если верить исследованиям, большинство людей принимают подсознательное решение о покупке продукта в течение 90 секунд. Причем это решение чаще всего основывается на восприятии цветов, которые видит человек. Наверняка вы заметили, что большинство luxury-брендов делают ставку на черный, а за экомарками прочно закрепился зеленый и его оттенки.

Чтобы научиться подбирать красивые сочетания оттенков и улавливать гармонию, придется потратить немало времени на самообучение. Если времени на это нет, а к работе нужно приступать, сосредоточьтесь на основах.

Изучите фирменные цвета конкурентов или обратите внимание на оттенки, используемые в смежной отрасли. Попросите у клиента информацию о рекламных продуктах компании — если повезет, вам выдадут брендбук и вопрос о подборе цвета отпадет

Попросите у клиента информацию о рекламных продуктах компании — если повезет, вам выдадут брендбук и вопрос о подборе цвета отпадет.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий