Цветовой круг подбор цветовой гаммы: Attention Required! | Cloudflare

Учимся подбирать цвета. Работа с цветовым кругом

С детства мы усваиваем правила сочетания цветов, вроде «черный подходит ко всему», или «розовое с зеленым — ужасно» (это еще Чехов разъяснил, хотя, если судить по модным показам, нынешней весной это сочетание будет на пике актуальности). Так как эти вещи усваиваются в бессознательном возрасте, потом, уже будучи в сознательном, мы не размышляем, почему плохо зеленый с розовым, и правда ли черный подходит ко всему, зато активно пользуемся усвоенными сочетаниями и избегаем цветов, про которые ничего не знаем. И если даже купим такую вещь, то потом она пылится в шкафу.
Два года назад я в каком-то странном порыве купила изумрудно-зеленые джинсы, с чем их сочетать кроме черного и белого, я тогда решительно не знала. Теперь для этих джинсов у меня есть 1)прекрасный бордовый свитер, серый кардиган+белая рубашка, 3) сиреневая футболка принтом, 4) рыжие сапоги, правда, пока я все это нашла, джинсы уже износились))). Если бы, когда я покупала джинсы, у меня была книжка по сочетанию цветов (приобрела такую на одной полиграфической выставке, куда ходила вместе с мужем), то я бы вписала свои джинсы в гардероб гораздо раньше. Но в общем, для начала можно обойтись и без книжки, так как правила сочетания цветов хорошо понятны на примере цветового круга, который доступен в интернете.
Добавлю так же, что правила эти действуют всегда, как закон Всемирного тяготения. Это значит, что если какие-то цвета сочетаются в природе или на картине великого художника, то они будут сочетаться и в одежде, и в интерьере. Другое дело, что в разные времена становятся актуальными разные типы сочетаний: например, еще пару лет назад очень модно было сочетать оттенки одного цвета, то с прошлого года на первый план вышли тенденции контрасных сочетаний (красный с зеленым, оранжевый с синим и т.д.).
Основные правила работы с цветовым кругом довольно толково описаны у
marriba at Учимся подбирать цвета — часть1. Цитирую:Сегодня я расскажу вам, как грамотно работать с цветом. Я использую это применительно к своим вальдорфским куклам. Даже если ваша деятельность не связана с работой с цветом, вы успешно можете использовать эту информацию для подбора гардероба 🙂

(Копировать просьба без изменений текста и со ссылкой на мой блог.)

Обещаю не углубляться в дебри колористики 🙂 а дать вам простой и понятный способ гармонично сочетать цвета.  Мы с вами будем пользоваться известной «теорией времен года» о цветовых типах внешности (согласно теории, таких типов 4: зима, весна, лето, осень), а так же цветовым кругом.

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

Цветовой круг удобен для подбора гармоничных цветовых сочетаний из 2-х, 3-х или 4-х цветов. В каждом примере соединяющие разные цвета линии можно мысленно вращать по кругу, получая новые сочетания. Просто заглядывайте в эти схемы, как в шпаргалку 🙂

(Помимо самих сочетаний, обратите внимание на указание о контрастности — это нам понадобится позже).

2 противоположных цвета: сочетание с высоким контрастом.

красный+зеленый
синий+оранжевый
фиолетовый+желтый

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

3 цвета: классическая триада, цвета располагаются треугольником.

изумрудный зеленый+желто-оранжевый+фиолетовый
кобальтовый синий+салатовый+оранжевый
лазурный синий+лимонный+красный
голубой+желтый+розовый

Пример: голубой+желтый+розовый

3 контрастных цвета: два цвета практически родственные, один — контрастный.

Пример: зеленый+желтый+розовый.

Очень близкий вариант:
4 цвета: 3 родственных и 1 контрастный.

Пример: желтый+синий+фиолетовый+розовый.

3 родственных цвета: слабоконтрастное сочетание.

Пример: сиреневый+оттенки розового.

4 цвета: по два взаимно усиливающих.

Пример: голубой+салатный зеленый+розовый+вместо оранжевого теплый беж.

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

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

Наиболее контрастными будут сочетания:
1. Ярких цветов.
2. Пастельных и приглушенных цветов.
3. Пастельных и приглушенных оттенков одного цвета.

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

Конечно, есть еще черный, серый, белый цвета. Сочетания с ними тоже рассматриваем по принципу контрастности.

    

   

На фотографиях слева контраст выше, справа — ниже.

Сайт для работы с цветовым кругом

http://colorschemedesigner.com

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

Подбор цвета онлайн: 15 генераторов сочетания цветов

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

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

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

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

В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.

Русские сервисы сочетания цветов

  1. colorscheme — цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
    определить сочетания цветов онлайн
  2. In colour balance — всевозможные цветовые палитры, выделенные из лучших образцов фото.
    определить сочетания цветов онлайн
  3. colorup.tikkurila — помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
    определить сочетания цветов онлайн
  4. Color Adobe — сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его сэту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
    определить сочетания цветов онлайн
  5. Генератор цветовых схем
    определить сочетания цветов онлайн

Англоязычные сайты по подбору цвета

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

  1. Random Material Generator — название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
  2. Material Mixer — позволяет смешать и посмотреть сочетания двух цветов.
    определить сочетания цветов онлайн
  3. Colorhunter — готовые цветовые решения.
    определить сочетания цветов онлайн
  4. Palette Generation — генерация оттенков цвета.
  5. Material Palette — выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
    определить сочетания цветов онлайн
  6. Colorotate — воспользуйся конусом для создания собственной цветовой схемы. Чтобы пользоваться сайтом, разрешите загрузку Adobe Flash алеера в вашем браузере.
    определить сочетания цветов онлайн
  7. Colorblender — Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
  8. Colorspire — еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
    определить сочетания цветов онлайн
  9. Paletton — подбор сочетания цветов в зависимости от разных цветовых систем.
    определить сочетания цветов онлайн
  10. Colorexplorer  — двигайте ползунки и выбирайте схему!
    определить сочетания цветов онлайн

Пять бесплатных инструментов для выбора цветовой схемы сайта / Хабр

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

1. Kuler

Kuler от компании Adobe давно признан лучшим помощником профессионального веб-дизайнера. В отличие от конкурентов, здесь есть обширное коммьюнити и можно делиться созданными палитрами или брать чужие цветовые схемы и модифицировать под свои нужды. Для общения в сообществе нужно зарегистрироваться и получить Adobe ID. Цвета в Kuler представляются в различных форматах, включая RGB, CMYK, LAB и HSV.

2. Color Palette Generator

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

3. Contrast-A

Отдельные цвета никогда не висят в вакууме, и каждый оттенок воздействует на окружающие. Инструмент Contrast-A применяет сугубо технический подход к конфигурации палитры, предоставляя подробную информацию о соотношение канала яркости (Luminance Ratio) и отличиях в яркости и цвете. Это идеальный инструмент, если нужно создать минималистский сайт с небольшим количеством цветов, которые дополняют друг друга.

4. ColorZilla

Этот популярный плагин для Firefox позволяет прямо в браузере определить значения отдельных цветов и измерить разницу между ними. Есть «браузер цветовых схем» для выбора отдельных цветов из заранее подобранных наборов. Простой в использовании и чрезвычайно многофункциональный, плагин ColorZilla — словно швейцарский армейский нож среди расширений браузера для веб-дизайнеров и художников.

5. Colorotate

В отличие от большинства других генераторов цветовых схем типа «цветового колеса», Colorotate показывает палитру на трёхмерном конусе. Как и Kuler, пользователи могут сохранять и редактировать свои цветовые схемы, а также просматривать палитры, сделанные другими дизайнерами. Инструмент интегрирован с популярными дизайнерскими программами Adobe Fireworks и Photoshop.

____________

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

Как пользоваться цветовым кругом — Записки преподавателя

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

Основой круга Иттена есть красный, желтый и синий. Путем смешивания получаются все остальные цвета и оттенки. Фиолетовый, зеленый и оранжевый – цвета, которые при соединении дают внешний круг на схеме Иттена (12 цветов), сами получаются из сочетания базовых. Это наглядно изображено на схеме:

В любой сфере (дизайн, мода, искусство фотографии) правильным считается комбинирование трех цветов по принципу (60×10×30). Это позволяет изделиям любого профиля выглядеть органично и выразительно.

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

Рассмотрим подробнее подбор цветового сочетания при помощи цветового круга Иттена.

  1. Монохромная схема. Подбор оттенков одного цвета (смотри схему выше «Аналоговые цвета»)
  2. При подборе дополнительного (комплиментарного) цвета нужно ориентироваться на противоположные цвета в круге Иттена. Это подбор контрастирующего цвета. Так, красный сочетается с зеленым, желтый — с фиолетовым, синий — с оранжевым и т.п. Если эти цвета находятся рядом, то они усиливают эффект друг друга, а при смешивании их — гасят. Например, если смешать зелёный и красный, то получится серый цвет.
  3. Классическая триада. Цвета подбираются из треугольника. Нарисуйте воображаемый равнобедренный треугольник, вершины которого будут располагаться в сочетаемых цветах.
    Близкий вариант к предыдущему — так называемый «акцент аналогии». Подбирается три родственных цвета и один контрастный с противоположной стороны цветового круга.
  4. Тетрада. Подбор четырех контрастирующих цветов. Они расположены на противоположных сторонах цветового круга и составляют прямоугольник или квадрат.
    Родственные цвета (последовательная схема, или принцип аналогии). Подбираются три родственных цвета, расположенных в соседних секторах. Например, фиолетовый, красно-фиолетовый и сине-фиолетовый.
    >

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

При работе с оттенками благоприятно выглядят:

  1. Ахроматические сочетания черного с красным, белым или желтым, белого с синим, красным и черным, серого с синим, красным и цветом фуксии.
  2. Монохроматические сочетания с использованием тонов одного цвета.
  3. Сочетания контрастов (на круге Иттена их можно найти, применяя схему Х, квадрата или прямоугольника).

Использование теплых цветов базируется на:

  • Красном с белым, черным, желтым, синим, зеленым.
  • Оранжевого с оливковым, блекло-зеленым, лиловым.
  • Пурпурный с серым, бледно-желтым, зеленым и коричневым.
  • Розового с белым и черным, оттенками зеленого и голубого.
  • Желтом с серым, черным или синим.

Основой использования холодных цветов являются:

  • Оливковый с оранжевым, светло-коричневым.
  • Синий с желтым и красным.
  • Зеленый с желтым, черным и серым.
  • Лиловый с белым, розовым и желтым.
  • Голубой с белым, серым, красным и желтым, розовый.

Холодные и теплые оттенки следует использовать с осторожностью, ведь они призваны вызывать ассоциации (снег и мороз, солнце и тепло). В практике дизайна не рекомендуется сочетание такие цветовые комбинации: черный/коричневый, синий/зеленый, красный/лиловый, насыщенный синий/черный.

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

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

Смотрите видео по теме:

 
Оригинал: Мир графики

CC BY-NC 4.0 Как пользоваться цветовым кругом, опубликовано К ВВ, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.


Респект и уважуха

Цветовой круг и правила сочетания цветов в одежде

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

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

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

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

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

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

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

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

Создание цветовой гармонии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пробуем комбинировать цвета – советы стилистов

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

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

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

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

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

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

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

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

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

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

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

Учитываем стиль

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

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

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

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

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

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

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

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

где найти и как выбрать

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

Adobe Color CC — разработка компании Adobe, подарившей нам Photoshop, Illustrator и десяток других программ. Инструмент отличается гибкими настройками, а выбранные цветовые схемы для сайта можно сохранять в своей библиотеке.

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

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

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

Material Color Tool — сервис специально был создан в помощь дизайнерам пользовательских интерфейсов. Главная особенность в том, что выбранную цветовую палитру можно сразу применить к схеме веб-страницы и оценить, насколько удачным получится результат.

Paletton — еще один интересный инструмент для создания цветовых схем для сайта, во многом повторяющий возможности уже рассмотренного Adobe Color CC.

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

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

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

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

Выбор правильного сочетания для вашего сайта / Хабр

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

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

Итак, приступим к знакомству с магией цвета…

Цветовая теория: основные принципы. Умение сочетать цвета

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

Рассмотрим цветовой круг.

Немного истории: цветовой круг изобрел Исаак Ньютон. Обосновав теорию света и цветов в 1666г. Именно она легла в основу становления и развития современной оптики, малой и составной частью которой является web-дизайн. Ньютон при помощи трёхгранной стеклянной призмы разложил белый свет на семь цветов (в спектр), тем самым доказав его сложность (явление дисперсии), открыл хроматическую аберрацию.

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

Основные цвета
Есть три основных цвета: красный (# ff0000 в HTML или # F00 в CSS), желтый (# FFFF00 в HTML или # ff0 в CSS) и голубой (# 0000FF в HTML или # 00f в CSS). Нельзя их получить путем смешивания других цветов. Дополнительные цвета могут быть сформированы путем объединения этих трех цветов.

Составные цвета
Есть также три основных: оранжевый (# ff9900 в HTML или # F90 в CSS), зеленый (# 00FF00 в HTML или # 0f0 в CSS) и фиолетовый (# FF00FF в HTML или # f0f в CSS). Вы можете получить их путем смешивания красного и желтого(оранжевого), желтого и синего (зеленый) и синего и красного (фиолетовый).

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

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

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

Цвета в разных культурах: символизм

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

  • Китай: цвет невесты, удачи, торжества
  • Индия: чистота
  • Южная Африка: траурные цвета
  • Восток: радость (в сочетании с белым)
  • Запад: возбуждение, любовь, страсть
  • США: рождество (с зеленым), день святого Валентина (с белым)
  • Иврит: жертва, грех
  • Япония: жизнь
  • Христианство: жертва, страсть, любовь
  • Фэн-шуй: Янь, огонь, удача, уважение, защита, живучесть, деньги, признание

Голубой

  • Европа: успокоение
  • Иран: траур, цвет неба и духовность
  • Китай: бессмертие
  • Индуизм: цвет Кришны
  • Иудаизм: святость
  • Христианство: цвет Христа
  • Католицизм: цвета одежды Марии
  • Ближний Восток: защита
  • В мире: цвет безопасности
  • Фэн-шуй: Инь, вода, спокойствие, любовь, исцеление, релаксация, доверие, приключения
  • Запад: печаль, депрессия

Желтый

  • Европа: счастье, надежда, радость, трусость в опасностях, слабость
  • Азия: цвет имперского
  • Египет: траур
  • Япония: мужество
  • Индия: торговцы
  • Буддизм: мудрость
  • Фэн-шуй: Янь, Земля, благоприятный, солнечные лучи, тепло, движение

Оранжевый

  • Европа: осень, урожай, творчество
  • Ирландия: протестанты (религиозные)
  • США: Хэллоуин (с черным), дешевые товары
  • Индуизм: шафран (персиковый оранжевый) священный цвет
  • Фэн-шуй: Янь, Земля, цели, усиливает концентрацию

Коричневый

  • Колумбия: препятствие продажам
  • Австралийские аборигены: цвета земли, торжественное охра
  • Фэн-шуй: Янь, Земля, промышленность

Зеленый

  • Япония: жизнь
  • Ислам: надежда, добродетель
  • Ирландия: символ всей страны
  • Европа / США: весна, новое рождение, День Святого Патрика, Рождество (с красным)
  • США: деньги
  • Индия: Ислам
  • Фэн-шуй: Инь, дерево, исцеление, здоровье, успокаивающее

Фиолетовый

  • Таиланд: траур (вдовы)
  • Католицизм: смерть, траур, распятие
  • Фэн-шуй: Инь, цвет физического и психического исцеления

Белый

  • Европа: брак, ангелы, врачи, больница, мир
  • Япония: траур, белая гвоздика символизирует смерть
  • Китай: траур, смерть,
  • Индия: несчастья
  • Восток: похороны
  • Фэн-шуй: Янь, металл, смерть, призраки, траур, равновесие, уверенность

Черный

  • Европа: траур, похороны, смерть, бунт, спокойствие
  • Таиланд: несчастье, зло
  • Иудаизм: несчастье, зло
  • Австралийские аборигены: цвет людей
  • Фэн-шуй: Инь, вода, деньги, успех в карьере, доход, стабильность, эмоциональная защита, сила

Значение цветов

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

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

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

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

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

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

Цвет гармонии, природы, исцеления, жизни, питания и здоровья. Кроме того, часто связан с деньгами.
Коричневый

Цвет релаксации и уверенности. Коричневый означает приземленность, природу, долговечность, комфорт, надежность.
Серый

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

Выражает нежность, романтичность, женственность, пассивность, привязанность, воспитание, слабость.
Черный

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

Белый связан с чистотой, простотой, свежестью, добротой, невинностью.
Заключение

Существуют некоторые полезные советы, которые помогут Вам в выборе правильной цветовой схемы для вашего сайта. Эти маленькие советы широко используют профессиональные web-дизайнеры.
  1. Если вы хотите, чтобы текстовое содержимое, было легко читаемым, выбирайте контрастные цвета.
  2. Оптимальное количество цветов. Не делайте из Вашего сайта цирк.
  3. Используйте необходимое количество цветов. Минимальное количество цветов, может способствовать серости Вашего сайта.
  4. Если вам нужно привлечь посетителя, применяйте интенсивные цвета.
  5. Вы можете найти дополнительные цветовые схемы приобщаясь чаще к природе.

Полезные ссылки по теме:

Источник: Colors in Web Design: Choosing a right combination for your Website

Как использовать цветовое колесо

Заявление о конфиденциальности Dulux Австралия является подразделением DuluxGroup (Australia) Pty Limited (ACN 000 049 427) ( «Dulux»). Термины «мы», «нас», «наш» относится к компании и любому из наших дочерних компаний. Ваша конфиденциальность важна для нас: Dulux будет использовать информацию, которую вы отправляете, для администрирования вашей учетной записи и может передавать ее третьим лицам для этой цели. Dulux (и его маркетинговые и коммуникационные агентства по его имени) также могут использовать свое имя и контактные данные, чтобы отправить вам информацию для этой цели.Если вы выберете, чтобы получать обновления для продуктов Dulux или продвижений по службе, Dulux (и его маркетинговые и коммуникационные агентства по его имени) также могут использовать свое имя и контактные данные, чтобы отправить вам информацию для этой цели. Dulux может раскрывать информацию подрядчиков, исследовательские организации, маркетинг и коммуникационные агентства и связанные с ними юридическими лицами для этих целей. Если вы не предоставите личную информацию, запрошенную, мы не сможем выполнить Ваш запрос. Мы также можем обмениваться вашей личной информацией с другими родственными компаниями и нашими поставщиками услуг, таких как доставка компаний и поставщиков технологий.Пожалуйста, ознакомьтесь с нашей политикой конфиденциальности, можно найти на нашем сайте (www.dulux.com.au/privacy-policy) или по запросу. Он содержит дополнительную информацию о: (i) личной информации, которую мы собираем; (Б) то, что мы делаем с ней; (III), где мы посылаем его; (IV), как вы можете получить доступ и исправить ее; (V), как вы можете подать жалобу о нарушении конфиденциальности в отношении обработки Вашей личной информации; (VI), как мы обрабатываем эти жалобы; (VII) конфиденциальности в Интернете; и (VIII) типы поставщиков услуг мы используем. Если у вас есть какие-либо вопросы по пути Dulux обрабатывает вашу личную информацию или желание добиться доступа или правильно, личной информации, которую мы храним о вас, пожалуйста, свяжитесь с нашим Privacy Officer через частный @ duluxgroup.com.au или позвоните по телефону +613 9263 5678.

,

Колесо цвета


Цветные диски

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


Три важных цветных колеса

Сколько способов переставить радугу?

RGB

Красный, зеленый, синий

CMY

Голубой, пурпурный, желтый

RYB

Красный, желтый, синий


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

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

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

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

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

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

КРАСНЫЙ
# FF0000
(255,0,0)

# FF8000
(255,128,0)
ЖЕЛТЫЙ
# FFFF00
(255,255,0)

# 80FF00
(128,255,0)
ЗЕЛЕНЫЙ
# 00FF00
(0,255,0)

# 00FF80
(0,255,128)
CYAN
# 00FFFF
(0,255,255)

# 0080FF
(0,128,255)
СИНИЙ
# 0000FF
(0,0,255)

# 8000FF
(128,0,255)
ПУРПУРНЫЙ
# FF00FF
(255,0,255)

# FF0080
(255,0,128)

RGB Green отличается от цвета HTML под названием Green.

RGB Green отличается от цвета HTML под названием Green.

Подробнее о RGB.



Цветовое колесо CMY (K)

CMY (K) (голубой, пурпурный, желтый) представляет цвета, используемые для печати на бумаге.

Основные цвета — голубой, пурпурный и желтый.

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

Голубой и пурпурный = синий
Пурпурный и желтый = красный
Желтый и голубой = Зеленый.

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

СИАН
# 00FFFF
(0,255,255)

# 0080FF
(0,128,255)
СИНИЙ
# 0000FF
(0,0,255)

# 8000FF
(128,0,255)
ПУРПУРНЫЙ
# FF00FF
(255,0,255)

# FF0080
(255,0,128)
КРАСНЫЙ
# FF0000
(255,0,0)

# FF8000
(255,128,0)
ЖЕЛТЫЙ
# FFFF00
(255,255,0)

# 80FF00
(128,255,0)
ЗЕЛЕНЫЙ
# 00FF00
(0,255,0)

# 00FF80
(0,255,128)

Подробнее о CMYK.


Цветовое колесо RYB

Цветовой круг RYB (красный, желтый, синий) используется художниками, художниками и дизайнеры для смешивания красок пигментов.

Три основных цвета: Красный, Желтый и Синий.

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

Три дополнительных цвета: оранжевый, зеленый и фиолетовый.

Красный и желтый = оранжевый
Желтый и синий = зеленый
Синий и красный = фиолетовый.

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

Шесть третичных цветов: красный-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый, красно-фиолетовый

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

КРАСНЫЙ
# FE2712
R-O
# FC600A
ОРАНЖЕВЫЙ
# FB9902
Y-O
# FCCC1A
ЖЕЛТЫЙ
# FEFE33
Y-G
# B2D732
ЗЕЛЕНЫЙ
# 66B032
B-G
# 347C98
СИНИЙ
# 0247FE
B-P
# 4424D6
ФИОЛЕТОВЫЙ
# 8601AF
R-P
# C21460

RYB — лучший цветовой круг для определения цветов, которые хорошо сочетаются друг с другом.

Колесо RYB можно использовать для создания приятных цветовых схем для Интернета.

Подробнее о цветовых схемах вы узнаете в главе Цветовые схемы.


,

Иконок цветового колеса — 2,848 бесплатных векторных иконок

  • Авторы
  • Пакеты
  • Больше инструментов

    Прочие товары

    Freepik Бесплатные векторы, фото и PSD Онлайн-редактор Freepik Редактируйте свои шаблоны Freepik Slidesgo Бесплатные шаблоны для презентаций Рассказы Бесплатные редактируемые иллюстрации

    Инструменты

    Образец значка Создавайте шаблоны значков для своих обоев или социальных сетей

    Google Suite

    Иконки для слайдов и документов +2.5 миллионов бесплатных настраиваемых значков для ваших слайдов, документов и таблиц
  • английский
    • Español
    • английский
    • Deutsch
    • Português
    • 한국어
  • Стать автором
  • Стоимость
  • Бесплатная регистрация
  • Войти
Авторизоваться регистр Редактировать профиль
  • Загрузки

    Что это?

  • Моя подписка
  • Следующий
  • Служба поддержки

  • Выйти
You look great! фильтры

Тип

,
Опубликовано в категории: Разное

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

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