Что такое цветовой круг и как им пользоваться

Содержание:

Итак, всё вместе

Теперь, когда мы вывалили вам на голову столько комбинаций цветов, считаем своим долгом дать несколько предостережений. Первое и самое главное: цветовые схемы, упомянутые здесь, сами по себе могут и не сработать. Вам по-прежнему придётся кое-что поменять в цветах (насыщенность или яркость), чтобы они «ужились». Приведённые здесь схемы — лишь отправная точка, а не вершина мастерства. Ведь в конечном счёте решающим фактором будет читаемость текста на веб-сайте и его внешний вид (look and feel). Чтобы увидеть, как цвета уживаются друг с другом, дизайнеры советуют воспользоваться любой графической программой, где есть функция «слои», и сравнить различные варианты схем, переключаясь между ними. Например, на рис. G, одни комбинации работают нормально, в то время как другие требуют дополнительной обработки.

Рис. G.: не всякая комбинация годится в дело

Хроматичность (Chromaticity, Chorma)

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

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

Высокая хроматичность — очень сияющие, живые цвета.

Низкая хроматичность — ахроматичные, бесцветные цвета.

Хроматичность одинакова — средний уровень. Та же живость цветов несмотря на различный тон; чистота меньше, чем у образцов выше.

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

Хроматичность, которую часто называют «сочностью», является количеством цвета (hue) в цвете. Цвет без цвета (hue) является ахроматичным или монохроматичным, и видим как серый. Для большинства цветов, по мере увеличения яркости увеличивается и хроматичность, за исключением очень светлых цветов.

Всё семейство

И так, мы перебрали все возможные комбинации контрастирующих цветов. Теперь обратимся к двум типам схем, где используются родственные цвета — монохроматической (monochromatic) и аналогичной/сходственной (analogous). Монохроматичный набор цветов, как свидетельствует его название, использует один цвет и все его оттенки и вариации. При правильном использовании, эта схема может придать веб-сайту аккуратный, чистый вид. Аналогичная схема цветов с другой стороны использует цвета, которые расположены по соседству друг с другом на цветовом круге. Как можно судить по рисунку F. аналогичная схема весьма похожа на монохроматическую.

Рис. F.: «Аналогичная» схема очень напоминает монохроматическую

Adobe Color

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

  • Последовательная
  • Монохромная
  • Треугольная
  • Комплементарная
  • Сплит-комплементарная
  • Двойная сплит-комплементарная
  • Квадратная
  • Составная
  • Оттеночная
  • Произвольная

Есть также интересный раздел, в котором сервис анализирует работы других авторов и различные творческие проекты из галерей Behance и Adobe Stock. Можно отслеживать моду на определенные цветовые тенденции.

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

Дополнительный функционал

  • Генерация палитры из загруженной фотографии
  • Генерация градиента из загруженной фотографии
  • Симулятор дальтонизма
  • Поддерживает RGB, PANTONE, HSV, CMYK и LAB

Imgonline — сервис, который поможет подобрать цвет по фото

Отличный многофункциональный онлайн-сервис, который позволяет проводить за считанные секунды все ключевые операции по обработке изображений. Зайти в нужный раздел сайта можно по данной ссылке imgonline.com.ua.

Как определить цвет по фото с его помощью:

  1. Загрузить картинку с компьютера;

    Выбрать изображение на IMGonline

  2. Задать нужные настройки и кликнуть ОК;

    Завершение настройки IMGonline

  3. Получить результат и скачать изображение с привязанной к нему палитрой.

    Как сохранить результат IMGonline

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

Оттенок (tint), тональность (tone), и тень (shade)

Эти термины часто используются неправильно, но они описывают довольно простое понятие в цвете. Главное помнить, насколько цвет отличается от своего начального тона (hue). Если к цвету добавляется белый, эта более светлая разновидность цвета называется «оттенок» (tint). Если цвет делается темнее путём добавления чёрного, полученный цвет называется «тень» (shade). Если же добавляется серый цвет, каждая градация дает вам различную тональность (tone).

Оттенки (добавляем белый к чистому цвету).

Тени (добавляем чёрный к чистому цвету).

Тональности (добавляем серый к чистому цвету).

Другие способы подбора цветов

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

Есть и другой инструмент – Adobe Color. В нем используются те же правила сочетания, но работать с ним немного сложнее. При необходимости можно задать оптимальное правило гармонии цветов и режим (RGB, CMYK, HSB или LAB). Код получившегося оттенка очень легко скопировать – он приводится в правом нижнем углу и зависит от схемы, которая ранее была указана.

На этом у меня все. Надеюсь, указанные принципы и инструменты пригодятся в вашей работе!

Светлота (Luminance/Lightness)

Несмотря на то, что вместо этого слова часто употребляют слово «яркость» (brightness), мы предпочитаем использовать слово «светлота» (или «светимость»). Понятие «светлота цвета» связано с многими теми же переменными, что и яркость в смысле «value». Но в данном случае используется другая математическая формула. Если говорить кратко, вспомните цветовой круг. В нем цвета расположены по кругу с одинаковой светлотой. Добавление белого увеличивает светлоту, добавление чёрного — уменьшает.

Это измерение цвета относится к яркости (value), но отличается по своему математическому определению. Светлота цвета измеряет интенсивность потока света на единицу площади его источника. Рассчитывается она путём вычисления среднего в группе ахроматичных цветов.

Достаточно сказать, что светлота растёт от очень тёмного до очень светлого (сияющего) и может быть отображена с помощью цветового круга, который показывает все цвета (hue) с одинаковой светлотой. Если к цветовому кругу добавить немного света, мы тем самым увеличим интенсивность света и таким образом увеличим светлоту цветов. Противоположное произойдёт, если мы уменьшим свет. Сравните, как выглядят плоскости, отображающие светлоту, с плоскостями, отображающими яркость (выше).

Программы цветового круга онлайн для подбора цвета

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

  • https://colorscheme.ru/Создание палитр на базе одного цвета
  • http://color.romanuke.com — готовые палитрыСочетание цветов — готовые палитры
  • https://color.adobe.com/ru/create/color-wheel/ — создание собственной палитры


Готовые сочетания в программе Adobe Color


Анализ собственных оттенков с помощью программы

Пользоваться ними достаточно просто. И в итоге можно увидеть на фото, какие цвета в одежде сочетаются.

Выбор цвета

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

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

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

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

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

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

Простые и беспроигрышные способы сочетания цвета, которые хорошо смотрятся в женской одежде

Светлый + темный цвет= оптический вид. Темный цвет будет визуально сужать часть тела.

Светлый цвет+яркий=сложно и привлекательно

Темный+темный=идеальный наряд для любого случай (как показывает Виктория Бэкхем)

Темный + яркий = гламурно, идеально подходящий для ночи

Светлый+темный+яркий цвета= никогда не останетесь незамеченными

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

Сетлый + темный+яркий. Дополнительным цветом может быть аксессуар или один предмет одежды.

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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

Разница в цветовом восприятии мужчин и женщин

На кого преимущественно рассчитан ваш сайт, на мужчин или на женщин? А может и на тех, и на других?

Яркие и приглушенные цветовые схемы для сайта

Мужчины предпочитают яркие цвета, а женщины приглушенные.

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

Ахроматические цвета

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

Светлые и темные оттенки

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

Женщины

Наиболее предпочтительные цвета: синий, фиолетовый, зеленый.

Наименее предпочтительные цвета: оранжевый, коричневый, серый.

Мужчины

Наиболее предпочтительные цвета: синий, зеленый, черный.

Наименее предпочтительные цвета: коричневый, оранжевый, фиолетовый.

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

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

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

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

Часто люди покупают определенные товары или услуги, чтобы произвести конкретное впечатление на других.

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

HTML

Теперь ясно?

Подумайте об идеальном представителе целевой аудитории. Каким он хочет казаться другим людям?

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

Как устроен круг Иттена

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

Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.

Что такое цвет.

Цвет не только украшает нашу жизнь, он дает нам полезную информацию, а иногда даже предостерегает. Цвет – это жизнь. Цвет вдохновляет. Цвет делает нашу жизнь яркой.Цвет – это инструмент коммуникации. Он позволяет выразить себя и свое настроение. Сделать индивидуальным свой стиль.                                        
Растения и животные используют цвет для выживания, чтобы отпугнуть хищников, привлечь себе подобных, спрятаться в окружающей среде (камуфляж). В природе цвета работают как сигналы, так же, как красный сигнал светофора сигнализирует нам о необходимости остановиться, а знаки, окрашенные в желтый цвет, являются предупреждающими. Цвет – это символ. Цвета полны скрытых и явных условностей и символов, некоторые из которых превратились в клише. 
Красный – символ страсти, черный – зла, девочки носят розовый, а мальчики – голубой.
Но эти условности имеют под собой основания, и с ними нужно считаться.
К примеру, горящий зеленый индикатор на электронном устройстве означает, что устройство включено, и редко какой производитель решит использовать другую индикацию. И уж точно ни один полицейский не станет носить розовую форму – его трудно будет воспринимать всерьез.
Мы можем развивать свои органы восприятия. Творчество – один из самых лучших тренеров.
 Оно обостряет все наши чувства. Творчество заставляет нас иначе взглянуть на привычные вещи и понять, что нам нравится, а что – нет.
 Творчество позволяет менять привычный образ мышления. Колористика – работа с цветом – потребует от вас умения видеть конечный цветовой результат. Цвет – это постоянная практика: 
Редкие люди обладают чувством цвета от природы. Большинство обретают его путем практики и экспериментов. 
Работа с цветом начинается с изучения источников вдохновения. Нужно быть смелым в экспериментах с цветами и их комбинациями. 
Творческая работа с цветом изменит ваше восприятие оттенков окружающего мира.
Развитие остроты восприятия цветов приходит не только с естественной практикой – вы можете тренировать глаза, как спортсмены тренируют мышцы. Цвет – это вдохновение и видение: 
В поисках вдохновения многие напрямую обращаются к моде, но существуют бездонные источники вдохновения, помимо модных показов и глянца: дикая природа и города-мегаполисы богаты цветом, текстурой, узорами. 
Разные люди, экзотические места и культуры могут быть очень полезны в обретении собственного опыта работы с цветом: расписные шелковые ткани, племенные узоры и татуировки, богатые цвета специй – вот лишь несколько примеров.
Итак, вдохновение можно найти в чем угодно: в искусстве, моде, дизайне, культуре, путешествиях, природе.
Куда бы вы ни шли, вдохновение вокруг вас. Вам нужно просто осознать произведенное на вас впечатление. Цвет – это инструмент. Цвет меняет форму объекта. Ее оптический размер, ее углы и грани.
Цветом можно выделить акцент формы или сгладить его, можно сделать форму броской или гармонично вписать ее в окружающее пространство.  Цвет – это субъективное ощущение. Цвет – условность созданная глазными рецепторами человека и историческим культурным наследием той среды, в которой воспитывался индивидуум. Разные люди могут видеть один и тот же цвет по разному. 
И даже если два человека видят его одинаково, они могут по разному к нему относится и испытывать разные эмоции.
Давайте разберемся почему и отчего это зависит. 

Цветное колесо RGB

Цветовой круг RGB (красный, зеленый, синий) представляет собой 3 источника света, используемые для производства цветов на экране телевизора или компьютера.

Основные цвета: красный, зеленый и синий.

Вторичные цвета создаются путем смешивания основных цветов:

Красный и зеленый = желтыйЗеленый и синий = голубойСиний и красный = пурпурный

12 основных цветов RGB:

RED#FF0000(255,0,0) #FF8000(255,128,0) YELLOW#FFFF00(255,255,0) #80FF00(128,255,0) GREEN#00FF00(0,255,0) #00FF80(0,255,80)
CYAN#00FFFF(0,255,255) #0080FF(0,128,255) BLUE#0000FF(0,0,255) #8000FF(128,00,255) MAGENTA#FF00FF(255,0,255) #FF0080(255,0,128)

Зеленый цвет RGB отличается от цвета HTML с именем Green.

Зеленый цвет RGB отличается от цвета HTML с именем Green.

Яркость (Value/Brightness)

Когда мы говорим, что цвет «тёмный» или «светлый», мы имеем в виду его яркость. Это свойство сообщает нам, насколько свет светел или тёмен, в том смысле, насколько он близок к белому. Например, канареечный жёлтый цвет считается светлее синего «navy blue», который в свою очередь сам светлее чёрного. Таким образом, значение (value) канареечного жёлтого выше, чем синего «navy blue» и чёрного.

Низкая яркость, постоянная — одинаковый уровень яркости.

Контраст яркостей — серый = ахроматичный.

Контраст яркостей — полное различие яркости.

Яркость (используется термин «value» или «brightness») зависит от количества света, излучаемого цветом. Самый простой способ запомнить это понятие — это представить себе шкалу серого цвета, со сменой чёрного на белый, в которой содержатся все возможные варианты монохроматического серого цвета. Чем больше в цвете света, тем он ярче. Таким образом пурпурный — менее яркий, чем небесно-голубой, так как излучает меньше света.

Эту шкалу серого цвета можно приравнять к цветной шкале с помощью того же уравнения, которое используется в телевидении (Яркость серого цвета = 0.30 Red + 0.59 Green + 0.11 Blue):

Интерактивная демонстрация иллюстрирует изменение яркости в двухмерной схеме:

Что такое цветовой круг

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

цветовой круг – сочетание цветов

Цветовая система Ньютона

Впервые упорядочить цвета в определенную систему попытался Исаак Ньютон, но идея создания круга пришла ему вследствие долгих наблюдений за распадом луча солнечного света. Он состоял из 7-и секторов с основными цветами (так называемыми «радужными»).

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

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

Цветовой круг Гете

В конце 18 века эстафету перенял Иоганн Вольфганг фон Гёте, а если точнее, то в годы с 1790 по 1810. Он не был согласен с теориями Ньютона, поэтому стал разрабатывать собственный труд под названием «Учение о цвете». Его считают основоположником физиологической оптики, а также теории о психологическом воздействии цвета.

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

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

Также Гете сгруппировал их по «характерности» сочетаний.

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

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

Цветовой круг Иттена

Теоретик Йохансен Иттен раскритиковал 6-спекторный круг Гете и создал 12-частный круг сочетания цветов, ныне считаемый классикой. Он также основывается на 3-х чистых колерах – красном, желтом и синем. Затем следуют производные, полученные слиянием двух смежных чистых. Остальные образовываются таким же образом.

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

Цветовой круг Освальда

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

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

Многими пользователями интернета периодически используется такой цветовой круг – сочетание цветов онлайн, при этом для каждого оттенка высвечивается его код, а иногда и его наименование. Белый и черный как таковые в нем не присутствуют.

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

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

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

Как сочетать цвета по Иттену?

Как пользоваться – основные правила

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

Аналогичный комплекс. Три цвета (до 5) находятся рядом на цветовом круге. Это цветовое сочетание универсально, но может быть и подовляющим. Чтобы сбалансировать такую цветовую схему, выбирайте один доминирующий цвет и используйте другие в качестве акцентов

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

Раздельное- комплементарное. Выбираем цвета как в комплементарном, противоположные цвета, но используем соседние.

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

Монохроматический. Три тона и оттенка одного базового цвета. Обеспечивает тонкое и консервативное сочетание цветов. Универсальное соединение цветов, которое легко применять в дизайнерских проектах для получения гармонии.

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

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/. На сайте расположены шаблоны цветов и возможность создания новых.

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

Выбор акцентных цветов

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

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

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

RGB-схемы

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

6 уровней RGB

красный # 000000 # 330000 # 660000 # 990000 # CC0000 # FF0000
Зеленый # 000000 # 003300 # 006600 # 009900 # 00CC00 # 00FF00
Синий # 000000 # 000033 # 000066 # 000099 # 0000CC # 0000FF

Имея шесть уровней для каждой начальной школы, с 6³ = 216 комбинациями. Индекс может быть адресован как (36 × R) + (6 × G) + B, со всеми значениями R, G и B в диапазоне от 0 до 5. Задуманный как однородный куб RGB, он дает шесть истинно серых оттенков. Кроме того, есть место для еще 40 цветов, поэтому операционные системы или программы могут добавлять дополнительные цвета.

Системы, которые используют эту палитру программного обеспечения:

  • Веб-палитра
  • Палитра по умолчанию для Apple Macintosh 256 цветов. Он также содержит четыре градиента по десять оттенков для серого, красного, зеленого и синего цветов.

6-7-6 уровней RGB

красный # 000000 # 330000 # 660000 # 990000 # CC0000 # FF0000
Зеленый # 000000 # 002A00 # 005500 # 008000 # 00AA00 # 00D400 # 00FF00
Синий # 000000 # 000033 # 000066 # 000099 # 0000CC # 0000FF

Эта палитра состоит из шести уровней для красных и синих основных цветов и семи уровней для основных зеленых цветов, что дает 6 × 7 × 6 = 252 комбинации. Индекс может быть адресован как (42 × R) + (6 × G) + B, со значениями R и B в диапазоне от 0 до 5 и G в диапазоне от 0 до 6. Тот же случай, что и первый, но с добавленным уровнем зеленого из-за большей чувствительности нормального человеческого глаза к этой частоте.

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

6-8-5 уровней RGB

красный # 000000 # 330000 # 660000 # 990000 # CC0000 # FF0000
Зеленый # 000000 # 002400 # 004900 # 006D00 # 009200 # 00B600 # 00DB00 # 00FF00
Синий # 000000 # 000040 # 000080 # 0000BF # 0000FF

Эта палитра состоит из шести уровней для красного, восьми уровней для зеленого и пяти уровней для синих основных цветов, что дает 6 × 8 × 5 = 240 комбинаций. Индекс может быть адресован как (40 × R) + (5 × G) + B, где R находится в диапазоне от 0 до 5, G от 0 до 7 и B от 0 до 4. Уровни выбираются в зависимости от чувствительности нормального человеческий глаз к каждому основному цвету.

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

8-8-4 уровней RGB

красный # 000000 # 240000 # 490000 # 6D0000 # 920000 # B60000 # DB0000 # FF0000
Зеленый # 000000 # 002400 # 004900 # 006D00 # 009200 # 00B600 # 00DB00 # 00FF00
Синий # 000000 # 000055 # 0000AA # 0000FF

RGB уровня 8-8-4 использует восемь уровней для каждого из компонентов красного и зеленого цвета (3 + 3 бита старшего разряда) и четыре уровня (2 бита младшего разряда) для синего компонента из-за меньшей чувствительности нормальный человеческий глаз к этому основному цвету. В результате получается палитра 8 × 8 × 4 = 256 цветов, как показано ниже:

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

Насыщенность (Saturation)

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

Насыщенность одинаковая — та же интенсивность, различные тона.

Контраст насыщенности — различные уровни наполнения, тон одинаковый.

Насыщенность, которую также называют «интенсивностью цвета» (intensity), описывает силу цвета относительно его яркости (value) или светлоты (luminance/lightness). Иными словами, насыщенность цвета обозначает его отличие от серого при определённой яркости освещения. Например, цвета близкие к серому ненасыщенные по сравнению с более светлыми цветами.

У цвета свойство «живой» или «полный» является ни чем иным, как отсутствием примеси серого или его оттенков

Важно отметить, что насыщенность измеряется вдоль линий одинаковой яркости

Mycolor.Space

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

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

Дополнительный функционал

  • Поддерживает HEX и RGB
  • Создание 2-х цветного градиента CSS
  • Создание 3-х цветного градиента CSS

Всего доброго. Ваш MrVector 🙂

Мы в соц медиа: Инстаграм | ВК | Фейсбук | Твиттер | Телеграм Канал | Телеграм Чат для Микростокеров

Трендовые темы для микростоковых авторов на: Patreon и VK Donate

Обсудить эту новость можно на нашем форуме о фотобанках и микростоках.

П.П.С. Чтобы оставаться в курсе происходящих событий и новостей подписывайтесь на еженедельную почтовую рассылку от www.supermicrostock.ru. В каждом выпуске, помимо прочего, вы будете получать 3 горячие рекомендаций на самые перспективные темы для векторных иллюстраторов. Рассылка выходит раз в неделю по воскресеньям.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector