Как подобрать цвета, сочетающиеся друг с другом?

Не путайте «соответствие» с «гармонизацией». Есть большая разница.

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

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

Вот набросок, очень сокращенное введение в цвет, британское правописание и все такое:

С этого момента я буду использовать слово « цвет» в очень конкретном значении: комбинированное ощущение, производимое глазом светом, отраженным от определенного пигмента или непосредственно от источника освещения, воспринимаемое наблюдателем . Это многословный способ сказать: «то, что вы видите, вы называете цветом». Это то, что мы имеем в виду, когда говорим «вишнево-красный» или «яблочно-зеленый», или ваш поставщик краски говорит: «это Booger Green, последний модный цвет от Ipsum Studios». Вы могли бы подумать, что мы могли бы остановиться на этом, но это не вся история. Как говорится в Facebook: «Это сложно».

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

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

• Значение — это относительная светлота или темнота цвета, не зависящая от оттенка и рассматриваемая отдельно от насыщенности. Светло-голубой или темно-синий по-прежнему синий . В большинстве случаев в дизайнерской работе яркость является синонимом ценности.

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

Возьмем конкретный пример. Откройте палитру цветов Photoshop и в поле H (оттенок) введите 56. Перетащите маленький цветовой кружок в крайний правый верхний угол панели:

Назовите это "Чистый желтый" или "Лютик" или как вам больше нравится. Это полностью насыщенный желтый (он не может быть более интенсивным) и настолько яркий, насколько это возможно. Обратите внимание, что в полях S (насыщенность) и B (яркость) указано «100%».

Нажмите «ОК», затем снова откройте палитру цветов. Измените поле S на 50%. Оттенок не изменился, и он по-прежнему настолько яркий , насколько это возможно; изменилась только насыщенность. Наш лютик теперь что? -- Примулы, может быть. Снова сделайте S равным 100%, а теперь введите 50 в поле B. Теперь у нас есть коричневый. У нас другой цвет , но оттенок все еще не изменился и нельзя увеличить интенсивность или насыщенность . Поиграйте с этим немного. Ознакомьтесь с ним, потому что он имеет основополагающее значение для понимания цветовой гармонии.

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

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

Если вы используете пипетку Photoshop для этих цветов, вы увидите, что ни один из них не является полностью насыщенным. Обесцвечивание цвета может помочь цветам, которые обычно противоречат друг другу (слишком контрастны для комфортного восприятия), сосуществовать более мирно. В этом случае использование цветов с близкой насыщенностью и яркостью также помогает их гармонировать. Если вы полностью обесцветите изображение — Ctl/Cmd-Shift-U, вы поймете, что я имею в виду.

Эпилог:

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

Я рекомендую вам подписаться на журнал Джона Макуэйда « До и после », но в любом случае немедленно скачайте его цветовой круг в формате PDF для использования в своей работе.

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

Просто используйте палитру цветов в таком приложении, как Photoshop. Установите диалоговое окно для использования опции H или Hue и найдите начальный цвет. Затем, чтобы получить цвет аналогичного значения, переместите ползунок вверх и вниз по цветовой шкале. Это сохранит насыщенность и яркость одинаковыми и изменит только значение оттенка. Не перемещайте кружок на большой цветовой панели.

Есть и другие места, где можно поиграть с цветом, например Color Lovers или Adobe Kuler.