Меню

Как подобрать гармонирующие цвета



Правильное сочетание цветов

Правильное сочетание 30 цветов: от белого до чёрного.

  1. Белый сочетается со всеми цветами. Наилучшее сочетание с синим, красным и черным.
    #FFFFFF
    #0000FF #FF0000 #000000
  2. Бежевый сочетается с голубым, коричневым, изумрудным, черным, красным.
    #F5F5DC
    #00BFFF #A52A2A #50C878 #FF0000
  3. Серый (базовый цвет) сочетается с «капризными» цветами: фуксия, красный, фиолетовый, розовый, синий.
    #808080
    #FF00FF #FF0000 #8B00FF #FFC0CB #0000FF
  4. Розовый сочетается с коричневым, зеленой мятой, оливковым, серым, бирюзовым, светло-голубым.
    #FFC0CB
    #A52A2A #98FF98 #808000 #808080 #30D5C8 #E0FFFF
  5. Фуксия сочетается с серым, желто-коричневым, зеленым лаймом, зеленой мятой, коричневым.
    #FF00FF
    #808080 #D2B48C #32CD32 #98FF98 #A52A2A
  6. Красный сочетается с желтым, бурым, зеленым, синим, черным.
    #FF0000
    #FFFF00 #45161C #008000 #0000FF #000000
  7. Томатно–красный сочетается с голубым, зеленой мятой, песочным, сливочно–белым, серым.
    #EC2D01
    #00BFFF #98FF98 #FCDD76 #FDF4E3 #808080
  8. Вишнево-красный сочетается с лазурным, серым, светло-оранжевым, песочным, бледно-желтым, бежевым.
    #911E42
    #007FFF #808080 #FFA000 #FCDD76 #FDEAA8 #F5F5DC
  9. Малиново-красный сочетается с белым, черным и дамасской розой.
    #DC143C
    #FFFFFF #000000 #FF4364
  10. Коричневый сочетается с ярко-голубым, кремовым, розовым, палевым, зеленым, бежевым.
    #A52A2A
    #00FFFF #FFFDD0 #FFC0CB #FFF9D0 #008000 #F5F5DC
  11. Светло-коричневый сочетается с бледно-желтым, кремовым, синим, зеленым, пурпурным, красным.
    #CD853F
    #FDEAA8 #FFFDD0 #0000FF #008000 #C5007F #FF0000
  12. Темно-коричневый сочетается с лимонно-желтым, голубым, зеленой мятой, пурпурно-розовым, зеленым лаймом.
    #654321
    #FFF44F #00BFFF #98FF98 #FF99CC #32CD32
  13. Рыжевато-коричневый сочетается с розовым, темно-коричневым, синим, зеленым, пурпурным.
    #B7410E
    #FFC0CB #654321 #0000FF #008000 #C5007F
  14. Оранжевый сочетается с голубым, синим, лиловым, фиолетовым.
    #FF8000
    #00BFFF #0000FF #CC99FE #8B00FF
  15. Светло–оранжевый сочетается с серым, коричневым, оливковым.
    #FFA000
    #808080 #A52A2A #808000
  16. Темно–оранжевый сочетается с бледно–желтым, оливковым, коричневым, вишнёвым.
    #FF5300
    #FDEAA8 #808000 #A52A2A #911E42
  17. Желтый сочетается с синим, лиловым, светло-голубым, фиолетовым, серым, черным.
    #FFFF00
    #0000FF #CC99FE #E0FFFF #8B00FF #808080 #000000
  18. Лимонно-желтый сочетается с вишнево-красным, коричневым, синим, серым.
    #FFF44F
    #911E42 #A52A2A #0000FF #808080
  19. Бледно-желтый сочетается с фуксией, серым, коричневым, красным, желтовато-коричневым, синим, пурпурным.
    #FDEAA8
    #FF00FF #808080 #A52A2A #FF0000 #CC7722 #0000FF #C5007F
  20. Золотисто-желтый сочетается с серым, коричневым, лазурным, красным.
    #FFD700
    #808080 #A52A2A #007FFF #FF0000
  21. Оливковый сочетается с апельсиновым, светло-коричневым, коричневым.
    #808000
    #FF8800 #CD853F #A52A2A
  22. Зеленый сочетается с золотисто-коричневым, оранжевым, салатовым, желтым, коричневым, серым, кремовым, черным, сливочно-белым.
    #008000
    #DAA520 #FF8000 #7FFF00 #FFFF00 #A52A2A #808080 #FFFDD0 #000000 #FDF4E3
  23. Салатовый цвет сочетается с коричневым, желтовато-коричневым, палевым, серым, темно-синим, красным.
    #7FFF00
    #A52A2A #CC7722 #FFF9D0 #808080 #000080 #FF0000
  24. Бирюзовый сочетается с фуксией, вишнево-красным, желтым, коричневым, кремовым, темно-фиолетовым.
    #30D5C8
    #FF00FF #911E42 #FFFF00 #A52A2A #FFFDD0 #800080
  25. Электрик сочетается с золотисто-желтым, коричневым, светло-коричневым, серым, серебряным.
    #2C75FF
    #FFD700 #A52A2A #CD853F #808080 #C0C0C0
  26. Голубой сочетается с красным, серым, коричневым, оранжевым, розовым, желтым.
    #00BFFF
    #FF0000 #808080 #A52A2A #FF8000 #FFC0CB #FFFF00
  27. Темно-синий сочетается с светло-лиловым, голубым, желтовато-зеленым, коричневым, серым, бледно-желтым, оранжевым, зеленым, красным.
    #000080
    #DCD0FF #00BFFF #ADFF2F #A52A2A #808080 #FDEAA8 #FF8000 #008000 #FF0000
  28. Лиловый сочетается с оранжевым, розовым, темно-фиолетовым, оливковым, серым, желтым.
    #CC99FE
    #FF8000 #FFC0CB #800080 #808000 #808080 #FFFF00
  29. Темно-фиолетовый сочетается с золотисто-коричневым, бледно-желтым, серым, бирюзовым, зеленой мятой, светло-оранжевым.
    #800080
    #DAA520 #FDEAA8 #808080 #30D5C8 #98FF98 #FFA000
  30. Черный универсален, сочетается со всеми цветами. Наилучшее сочетание с оранжевым, розовым, салатовым, красным, сиреневым, желтым, белым.
    #000000
    #FF8000 #FFC0CB #7FFF00 #FF0000 #C8A2C8 #FFFF00 #FFFFFF

  • Таблица RGB цветов
  • Таблица «безопасных» цветов
  • Сводная таблица стилей
  • Сводная таблица специальных символов
  • Accessibility color wheel – сервис подбора цветов для фона и текста с учетом пользователей с ограниченными способностями.
    Accessibility color wheel поможет выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.
Читайте также:  Цвет волос как у эшли олсен

.
Прокомментировать/Отблагодарить

Источник

Что такое цветовой круг Иттена и как дизайнеры подбирают цвета с его помощью

Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.

Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.

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

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

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

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

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

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

Как и когда появился круг Иттена

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

Йоханнес Иттен — швейцарский художник и преподаватель Баухауса , известный своим вкладом в изучение колористики в начале прошлого века. В книге «Искусство цвета» Иттен подробно описал принципы работы с цветом и уже знакомый нам круг.

Читайте также:  Каким цветом сделать прихожую по фен шуй

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

Высшая школа строительства и художественного конструирования (1919 — 1933 годы) в Германии. Это заведение связывают с зарождением дизайна как самостоятельной дисциплины, отделенной от искусства.

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

Зачем нужен круг Иттена

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Что обозначают цвета у ирландцев

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

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

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

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

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

Что делать с тысячами других оттенков

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

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

А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.

Автоматические инструменты для выбора палитры

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

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

Что делать дальше

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

Хотите поупражняться в колористике под руководством опытных преподавателей? Записывайтесь на наш курс графического дизайна.

Источник