Первое впечатление — это все. Пословица «По одежке встречают, по уму провожают» актуальна не только в жизни, но и в дизайне. Впечатление от дизайна состоит из множества факторов, и один из важнейших — это цвет.
Понять, какие цвета сочетаются друг с другом не всегда просто, в этой статье описаны основы теории цвета, которые пригодятся при выборе цветовой схемы для дизайна сайта. Начнем с самого простого.
![Основные цвета](http://koulikov.com/wp-content/uploads/2012/10/primary.jpg)
Основные цвета палитры — красный, желтый и синий. Если говорить об основных цветах на экранах различных устройств — это RGB, красный, зеленый и синий.
![Второстепенные цвета](http://koulikov.com/wp-content/uploads/2012/10/secondary.jpg)
Если равномерно смешать красный и желтый, желтый и синий, синий и красный получатся соответственно вторичные цвета — оранжевый, зеленый и фиолетовый. Сочетание этих цветов в проекте может придать дизайну контраст.
![Третичные цвета](http://koulikov.com/wp-content/uploads/2012/10/tertiary.jpg)
Третичный цвет получается если смешать основной и вторичный. Например, красный-фиолетовый, синий-фиолетовый, синий-зеленый, желтый-зеленый, красный-оранжевый, желтый-оранжевый.
Мы разобрались с основами «колеса цветов». С помощью него легко подбирать хорошо сочетающиеся цвета для дизайна. Перейдем к более сложным сочетаниям.
![Дополняющие цвета](http://koulikov.com/wp-content/uploads/2012/10/complimentary2.jpg)
![Дополняющие цвета](http://koulikov.com/wp-content/uploads/2012/10/complimentary.jpg)
Как понятно из схемы, дополняющие цвета противоположны друг другу на колесе. Придают дизайну больше контраста, но использовать их следует с осторожностью, иначе будет «вырви-глаз-дизайн»
![Аналогичные цвета](http://koulikov.com/wp-content/uploads/2012/10/analogous.jpg)
![Аналогичные цвета](http://koulikov.com/wp-content/uploads/2012/10/analogous1.jpg)
Располагаются рядом на колесе цветов. Соседние цвета создают ощущение разнообразия, например синий-зеленый или желтый-оранжевый.
![Треугольники](http://koulikov.com/wp-content/uploads/2012/10/triad.jpg)
![Треугольники](http://koulikov.com/wp-content/uploads/2012/10/triad2.jpg)
Используя триады на цветовом колесе можно добиться достаточного разнообразия, но в то же время хорошего баланса.
![Расщепленные дополняющие цвета](http://koulikov.com/wp-content/uploads/2012/10/split_complimentary.jpg)
Такое сочетание цветов добавляет контраста и разнообразия дизайну.
![Квадратичные цвета](http://koulikov.com/wp-content/uploads/2012/10/square-wheel.jpg)
Такая схема хорошо работает при одном усиленном цвете и трех приглушенных.
![Прямоугольная схема](http://koulikov.com/wp-content/uploads/2012/10/tetrad.jpg)
Похожа на предыдущую схему, а точнее просто ее вариация.
![Полутона и оттенки](http://koulikov.com/wp-content/uploads/2012/10/tints_and_shades.jpg)
Придает дизайну объем и цветовое разнообразие.
![Теплые цвета](http://koulikov.com/wp-content/uploads/2012/10/warmcolors.jpg)
![Холодные цвета](http://koulikov.com/wp-content/uploads/2012/10/coolcolors.jpg)
Холодные и теплые цвета сами по себе являются классическими цветовыми схемами. Главное их отличие в восприятии человеком. Теплые цвета вызывают летние ассоциации: тепло, солнце, зеленые пейзажи, а холодные цвета ассоциируется с зимой: холод, снег, пасмурная погода.
Понимание теории цвета и грамотное использование ее на практике — это один из важнейших навыков хорошего дизайнера. Правильное сочетания цветов на сайте улучшает общее восприятие дизайна и может вызывать различные эмоции.
В дополнение могу посоветовать kuler — очень крутой сервис для подбора цветовых схем от Adobe.
![kuler](http://koulikov.com/wp-content/uploads/2012/10/kuler.png)
Картинки колеса цветов отсюда.
PS shalaev добавил еще один отличный сервис — colorschemedesigner.com.
Понять, какие цвета сочетаются друг с другом не всегда просто, в этой статье описаны основы теории цвета, которые пригодятся при выборе цветовой схемы для дизайна сайта. Начнем с самого простого.
Основные цвета (Primary Colors)
![Основные цвета](http://koulikov.com/wp-content/uploads/2012/10/primary.jpg)
Основные цвета палитры — красный, желтый и синий. Если говорить об основных цветах на экранах различных устройств — это RGB, красный, зеленый и синий.
Вторичные цвета (Secondary Colors)
![Второстепенные цвета](http://koulikov.com/wp-content/uploads/2012/10/secondary.jpg)
Если равномерно смешать красный и желтый, желтый и синий, синий и красный получатся соответственно вторичные цвета — оранжевый, зеленый и фиолетовый. Сочетание этих цветов в проекте может придать дизайну контраст.
Третичные цвета (Tertiary Colors)
![Третичные цвета](http://koulikov.com/wp-content/uploads/2012/10/tertiary.jpg)
Третичный цвет получается если смешать основной и вторичный. Например, красный-фиолетовый, синий-фиолетовый, синий-зеленый, желтый-зеленый, красный-оранжевый, желтый-оранжевый.
Мы разобрались с основами «колеса цветов». С помощью него легко подбирать хорошо сочетающиеся цвета для дизайна. Перейдем к более сложным сочетаниям.
Дополняющие цвета (Complementary Colors)
![Дополняющие цвета](http://koulikov.com/wp-content/uploads/2012/10/complimentary2.jpg)
![Дополняющие цвета](http://koulikov.com/wp-content/uploads/2012/10/complimentary.jpg)
Как понятно из схемы, дополняющие цвета противоположны друг другу на колесе. Придают дизайну больше контраста, но использовать их следует с осторожностью, иначе будет «вырви-глаз-дизайн»
Аналогичные цвета (Analogous Colors)
![Аналогичные цвета](http://koulikov.com/wp-content/uploads/2012/10/analogous.jpg)
![Аналогичные цвета](http://koulikov.com/wp-content/uploads/2012/10/analogous1.jpg)
Располагаются рядом на колесе цветов. Соседние цвета создают ощущение разнообразия, например синий-зеленый или желтый-оранжевый.
Триады (Triads)
![Треугольники](http://koulikov.com/wp-content/uploads/2012/10/triad.jpg)
![Треугольники](http://koulikov.com/wp-content/uploads/2012/10/triad2.jpg)
Используя триады на цветовом колесе можно добиться достаточного разнообразия, но в то же время хорошего баланса.
Расщепленные дополняющие цвета (Split Complementary Colors)
![Расщепленные дополняющие цвета](http://koulikov.com/wp-content/uploads/2012/10/split_complimentary.jpg)
Такое сочетание цветов добавляет контраста и разнообразия дизайну.
Квадратная схема (Square Colors)
![Квадратичные цвета](http://koulikov.com/wp-content/uploads/2012/10/square-wheel.jpg)
Такая схема хорошо работает при одном усиленном цвете и трех приглушенных.
Прямоугольная схема (Tetradic Colors)
![Прямоугольная схема](http://koulikov.com/wp-content/uploads/2012/10/tetrad.jpg)
Похожа на предыдущую схему, а точнее просто ее вариация.
Использование света и тени (Tints and Shades)
![Полутона и оттенки](http://koulikov.com/wp-content/uploads/2012/10/tints_and_shades.jpg)
Придает дизайну объем и цветовое разнообразие.
Теплые и холодные цвета (Warm and Cool Colors)
![Теплые цвета](http://koulikov.com/wp-content/uploads/2012/10/warmcolors.jpg)
![Холодные цвета](http://koulikov.com/wp-content/uploads/2012/10/coolcolors.jpg)
Холодные и теплые цвета сами по себе являются классическими цветовыми схемами. Главное их отличие в восприятии человеком. Теплые цвета вызывают летние ассоциации: тепло, солнце, зеленые пейзажи, а холодные цвета ассоциируется с зимой: холод, снег, пасмурная погода.
Понимание теории цвета и грамотное использование ее на практике — это один из важнейших навыков хорошего дизайнера. Правильное сочетания цветов на сайте улучшает общее восприятие дизайна и может вызывать различные эмоции.
В дополнение могу посоветовать kuler — очень крутой сервис для подбора цветовых схем от Adobe.
![kuler](http://koulikov.com/wp-content/uploads/2012/10/kuler.png)
Картинки колеса цветов отсюда.
PS shalaev добавил еще один отличный сервис — colorschemedesigner.com.