Цветовые сочетания для дизайнеров: Сочетания цветов для модного графического дизайна: 33 фото с примерами

Содержание

Сочетания цветов для модного графического дизайна: 33 фото с примерами

Цвета в дизайне играют важнейшую роль: они не только привлекают внимание, но и транслируют послание бренда, помогают создать нужное настроение и ассоциации. 

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

Цветовая гамма: краткий гид

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

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

С одной стороны круга располагаются теплые цвета (красный, оранжевый, желтый), с другой — холодные (синий, зеленый, фиолетовый). 

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

О важнейших терминах для графического и веб-дизайнера мы рассказывает здесь. 

Объединяясь, цвета образуют цветовые гаммы или комбинации. Существует три базовые схемы: 

  • Комплементарное сочетание. Дополняющие друг друга цвета находятся на противоположных сторонах цветового круга. Их сочетание создает контраст и приковывает внимание, но использовать прием нужно с осторожностью.   
  • Аналогичное сочетание. В этом случае для дизайна выбирают цвета, которые располагаются рядом друг с другом. Один из них доминирует, другой дополняет, третий служит акцентом. 
  • Триада. Здесь сочетаются оттенки, расположенные на разных сторонах круга (при их соединении должен получиться треугольник). Такие дизайны получаются яркими, в них есть и контраст и гармония.

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

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

33 сочетания цветов в дизайне (фото + гамма)

1. Розовый и лиловато-красный

Автор: merci dsgn

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

#e52165 — #0d1137

2. Красный, цвет морской пены, нефрит и фиолетовый

Автор: Mad pepper

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

#d72631 — #a2d5c6 — #077b8a — #5c3c92

3. Желтый, пурпурный, светло-голубой и черный

Автор: Stephen

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

#e2d810 — #d9138a — #12a4d9 — #322e2f

4. Горчица и черный

Автор: natalino

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

#f3ca20 — #000000

5. Пурпурный, красное золото, бирюзовый и кирпичный

Автор: Holly McAlister

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

#cf1578 — #e8d21d — #039fbe — #b20238

6. Оттенки розового и коричневого

Автор: Martis Lupus

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

читать 2 м.читать 13 м. #e75874 — #ba1558 — #fbcbc9 — #322514

7. Золотой, темно-серый и серый 

Автор: ananana14

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

#ef9d10f — #3b4d61 — #6b7b8c

8. Темно-синий, миндаль, красно-оранжевый и манго

Автор: spoon lancer

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

#1e3d59 — #f5f0e1 — #ff6e40 — #ffc13b

9. Бежевый, бирюзовый и черный

Автор: merci dsgn

Мужественный бежевый прекрасно оттеняет сочетание бирюзового и черного. Цвета ассоциируются с природной силой и вдохновляют.

#ecc19c — #1e847f — #000000

10. Темно-синий, охра, жженая сиена и светло-серый

Автор: Mad pepper

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

#26495c — #c4a35a — #c66b3d — #e5e5dc

11. Лиловый, сапфировый и голубой

Автор: ananana14

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

#d9a5b3 — #1868ae — #c6d7eb

12. Голубой, темно-красный и индиго

Автор: Mithum

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

#408ec6 — #7a2048 — #1e2761

13. Малиновый и оттенки голубого

Автор: Douglas

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

#8a307f — #79a7d3 — #6883bc

14. Темно-зеленый, оранжевый и персиковый

Автор: Vulcan

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

#1d3c45 — #d260fa — #fff1e1

15. Морская пена, оранжево-розовый и темно-синий

Автор: spoon lancer

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

#aed6dc — #ff9a8d — #4a536b

16. Красный, зеленый и пурпурный

Автор: Ian Douglas

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

#da68a0 — #77c593 — #ed3572

17. Сине-зеленый, коралловый, бирюзовый и серый

Автор: sheva™

Сине-зеленый умиротворяет, а коралловый привлекает внимание к деталям. На сером фоне это сочетание выглядит особенно выигрышно.    

#316879 — #f47a60 — #7fe7dc — #ced7d8

18. Фуксия, сепия, розовый и темно-фиолетовый

Автор: Dusan Klepic DK™ 

Три оттенка фиолетового ассоциируются с роскошью, а сепия добавляет дизайну винтажную доброжелательность и теплоту. 

#d902ee — #ffd79d — #f162ff — #320d3e

19. Светло-розовый, серо-зеленый, голубой и лиловый

Автор: Daria V.

Симпатичная тропическая палитра, которая напоминает о пляже и солнечных деньках. Цвета смотрятся современно и стильно.

#ffcce7 — #daf2dc — #81b7d2 — #4d5198

20. Бежевый, черно-коричневый и бронзовый

Автор: Giocovision

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

#ddc3a5 — #201e20 — #e0a96d

21. Сепия, сине-зеленый, бежевый и серо-зеленый

Автор: Tomas Miliauskas

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

#edca82 — #097770 — #e0cdbe — #a9c0a6

22. Желто-зеленый, оливковый и зеленый

Автор: cynemes

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

#e1dd72 — #a8c66c — #1b6535

23. Фуксия, желтый и пурпурный

Автор: Litlast

Современный, актуальный, заметный, — вот прилагательные, которые характеризуют эту палитру. Она моментально приковывает взгляд и производит впечатление.

#d13ca4 — #ffea04 — #fe3a9e

24. Горчица, серо-зеленый и зеленый

Автор: Martis Lupus

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

#e3b448 — #cbd18f — #3a6b35

25. Бежевый, синевато-серый и хаки

Автор: Agi Amri

Два дополняющих друг друга оттенка коричневого смотрятся мужественно и зрело. Хаки же делает палитру элегантной.

#f6ead4 — #a2a595 — #b4a284

26. Бирюзовый и фиолетовый

Автор: ANAMOLLY

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

#79cbb8 — #500472

27. Светло-розовый, зеленый и морская пена

Автор: svart ink

Нежная триада ассоциируется с природой, женственностью, теплотой и выглядит при этом дорого.  

#f5beb4 — #9bc472 — #cbf6db

28. Алый, оливковый и сине-зеленый

Автор: nevergohungry

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

#b85042 — #e7e8d1 — #a7beae

29. Красный, желтый, светло-голубой и фиолетовый

Автор: Pinch Studio

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

#d71b3b — #e8d71e — #16acea — #4203c9

30. Оливковый, бежевый и бронзовый

Автор: Yokaona

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

#829079 — #ede6b9 — #b9925e

31. Оттенки синего и зеленый

Автор: DSKY

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

#1fbfb8 — #05716c — #1978a5 — #031163

32. Бирюзовый, горчица и черный

Автор: _fra_

Классическое сочетание теплых и холодных оттенков успокаивает и улучшает настроение. Черный делает дизайн более современным. 

#7fc3c0 — #cfb845 — #141414

33. Персиковый, оранжево-розовый и сине-зеленый

Автор: felipe_charria

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

#efb5a3 — #f57e7e — #315f72

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

Колористика для дизайнеров. Термины и определения.

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

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

Добавьте цветную иллюстрацию

Цвет

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

Свойства цвета

К основным свойствам цвета относятся тон, яркость, хроматичность и насыщенность.

Тон (hue)

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

Тон — это базовый материал, который можно изменить тремя разными способами: затушевать, затенить и тонировать. В зависимости от применяемой техники тон превращается в оттенок, тень или тональность.

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

Premiumbeat

Яркость (Value)

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

Хроматичность (Chromacity)

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

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

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

Приложение «Календарь» (Tubik)

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

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

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

Типы цвета

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

Первичные цвета (Primary)

Они представляют собой три пигментных цвета, которые не могут быть созданы при помощи смешения других цветов. Они — основа всей цветовой системы. Первичные цвета варьируются в зависимости от типа цветовой системы. В основе субтрактивной цветовой модели CMYK лежат голубой, фиолетовый и желтый цвета, аддитивную цветовую модель RGB образуют красный, зеленый и синий. А в историческую цветовую модель художников RYB входят красный, желтый и синий.

Вторичные цвета (Secondary)

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

RGB:

зеленый + красный = желтый

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

синий + зеленый = голубой

CMYK:

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

фиолетовый + голубой = синий

голубой + желтый = зеленый

RYB:

желтый + красный = оранжевый

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

синий + желтый = зеленый

Третичные цвета (Tertiary)

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

Холодные, теплые и нейтральные цвета

Все описанные выше цвета можно также разделить на три вида: холодные, теплые и нейтральные.

Холодные цвета находятся на сине-зеленой части цветового круга. Их называют холодными, так как они создают ощущение прохлады. Теплые цвета являются их противоположностью из-за ассоциаций с теплом. Желтый, оранжевый и красный — это тоны, относящиеся к виду теплых цветов. И последнее, но не менее важное: нейтральные цвета не являются частью цветового круга. Среди них — серый, коричневый и бежевый.

Приложение по прогнозу погоды (Tubik)

Цветовые модели


Существует несколько цветовых моделей: RGB, RYB, CMY, CMYK.

RGB

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

RYB и CMY

RYB (R — красный, Y — желтый, B — синий) — еще одна цветовая модель, которая часто используется в художественном образовании, особенно в живописи. Она послужила основой для современной научной теории цвета, в которой было установлено, что голубой, фиолетовый и желтый являются наиболее удачным трехцветным сочетанием для смешения. Таким образом появилась цветовая модель CMY.

CMYK

Модель CMY была видоизменена с появлением фотомеханической печати. Ее ключевым компонентом стали черные чернила, и модель была переименована в CMYK (C — голубой, M — фиолетовый, Y — желтый, K — черный). Без этого дополнительного пигмента ближайший к черному оттенок был бы грязно-коричневого цвета. В настоящий момент данная цветовая модель чаще всего используется в печати.

Printaura

Цветовые палитры

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

Монохромная

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

Визитки Deetu

Аналоговая

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

Анимированный логотип Binned

Комплементарная

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

Личный кабинет в приложении Home Budget

Раздельно-комплементарная

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

Сайт Financial Service

Триадическая

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

Начальная страница приложения для знакомств от Tubik

Четвертичная/Сдвоенно-комплементарная

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

Приложение Business Card

Я бы хотел закончить прозаичной цитатой Ру Пола: «Весь смысл в том, чтобы проживать жизнь и быть — использовать все цвета из коробки карандашей». Научитесь эффективно пользоваться цветами как в жизни, так и в работе, и результаты вам придутся по душе.

Красивых цветовые схемы для вашего дизайна

Один из способов оживить ваш дизайн — выбор правильной цветовой комбинации.

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

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

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

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

 

1 Цветовая схема «Голубой закат»

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

2 Комбинация цветов «Ретро классика»

Это комбинация в основном темных цветов: от темно-серовато-голубого и припыленного-красного до пыльного-оранжевого; Комбинация идеальна для создания приглушенного образа. Для более простых дизайнов вы можете использовать только три основных цвета.

3 Комбинация «Мерцающий синий и зеленый»

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

4 Цветовая комбинация «Закат над водоемом»

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

5 Цветовая схема «Средиземноморский блюз»

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

6 Комбинация цветов «Экзотические орхидеи»

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

7 Комбинация цветов «Утонченный и спокойный»

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

8 Комбинация цветов «Маджента и желтый»

Розовый цвет в сочетании с яркими желтыми и оливковыми тонами делает эту палитру освежающей и нетрадиционной.

9 Цветовая комбинация «Горные вершины и облака»

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

10 Цветовая схема «Оранжевый закат»

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

11 Цветовая схема «Винтаж 1950-х»

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

12 Сочетание цветов «Яркое ретро»

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

13 Комбинация цветов «Красно-желтый орнамент»

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

14 Комбинация цветов «Бирюзовый и красный»

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

15 Цветовая схема «Голубая росянка»

Этот образ хищного растения в темно-красных и коричневых тонах контрастирует с глубокой синей гаммой.

16 Комбинация цветов «Классика 70-х»

Если вы ищете что-то напоминающее 70-е годы, вы можете найти множество цветовых схем в изображении автофургона Volkswagen, курсирующего по пляжу.

17 Цветовая схема «Готика»

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

18 Сочетание цветов «Огненно-красный пейзаж»

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

19 Цветовая схема «Городской горизонт»

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

20 Естественная элегантность

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

21 Сочетание цветов «Летняя черника»

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

22 Комбинация цветов «На пристани бухты»

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

23 Цветовая схема «Лесовичок»

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

24 Старая машина и синие джинсы

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

25 Цветовая схема «Ягодное изобилие»

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

26 Набор цветов «Освежающий и бодрящий»

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

27 Набор цветов «Безмятежность»

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

28  Цветовая схема «Аквамарин»

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

29 Набор цветов «Летний отпуск»

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

30 Сочетание цветов «Сумеречная луна»

Ищете тему для Хэллоуина? Этот набор из оранжевого и черного идеально подходит для любого дизайна, связанного с осенью или Хэллоуином.

31 Цветовая схема «Швейцарские луга»

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

32 Тропическая дикая природа

Если вы хотите добавить энергии своему дизайну, вы можете сделать следующее: применить все цвета в этой схеме или использовать два-три цвета за раз (например, три верхних или нижних цвета).

33 Цветовая схема «Детские игры»

В этом веселом, но стильном наборе сочетаются следующие цвета: темно-синий, умеренно-красный, ярко-оранжевый и серовато-оранжевый.

34 Цветовая комбинация «Закат в Гамбурге»

Образ завораживающего заката в Гамбурге напоминает о теплых цветах: от темно-красного и умеренно оранжевого до серовато-синего и серовато-оранжевого.

35 Цветовая схема «Лимон в воде»

Смесь мягкого желтого и оливкового с черным и серовато-фиолетовым создает смелый и привлекательный дизайн.

36 Сочетание цветов «Вдохновляющая и романтика»

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

37 Цветовая схема «Риверсайд Лондон»

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

38 Сочетание цветов «Черный и ярко-оранжевый»

В этой высококонтрастной схеме сочетаются апельсиновый, черный и темно-серовато-салатовый цвета.

39 Цветовая схема «Индийские поля»

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

40 Цветовая комбинация «Ночь джаза»

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

41 Цветовая схема «Яркий и энергичный»

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

42 Цветовая схема «Натуральность»

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

43 Цветовая комбинация «Чешская Архитектура»

Эта уникальная палитра напоминает красочные фасады домов по всей Европе. Вы можете использовать все цвета одновременно или придерживаться двух-трех цветов для каждого отдельного проекта.

44 Цветовая схема «Голубой Акцент»

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

45 Комбинация цветов «Калейдоскоп Иллюзии»

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

46 Цветовая схема «Зимний сарай»

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

47 Цветовая комбинация «Сочный и фруктовый»

В этом веселом сочетании холодных и теплых цветов рождаются ассоциации, связанные с едой, ЗОЖ, диетой и питанием.

48 Цветовая схема «Розовый чеснок»

В этой необычной схеме насыщенные красные оттенки дополняются светло-серовато-пурпурным и темно-красным.

49 Комбинация «Цвета природы»

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

50 Цветовая комбинация «Восточная роскошь»

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

 

Примените эти цветовые схемы в своем следующем дизайне

Готовы использовать одну из цветовых комбинаций в своем следующем дизайне? Зарегистрируйте свою учетную запись Visme и введите шестнадцатеричные коды прямо в палитре цветов!

Секреты поиска цветовых палитр ‹ Виртуальная школа графического дизайна

Цвет! До чего богатый и таинственный язык, язык снов!

Поль Гоген

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

Исследования показывают, что удачно подобранный цвет значительно повышает узнаваемость марки (вплоть до 80%), вызывает заинтересованность, улучшает восприятие визуального сообщения.

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

Правда, задача художника и дизайнера от этого легче не стала. Напротив, при таком многообразии цветов, выбор подходящей палитры для проекта порой превращается в муку. Например, в интернет-сообществе Colourlovers представлено почти 8 миллионов цветов и свыше 16 миллионов возможных шестнадцатеричных цветовых сочетаний!

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


1. Ищите вдохновение в окружающем мире

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

Итак, если у вас есть фотография, на которой запечатлена привлекательная цветовая композиция. Используйте её для создания палитры. Этот метод становится еще проще с такими инструментами, как Photocopa и Adobe Color. Просто загрузите фотографию в программу, изучите её цветовую схему, а потом соберите палитру.


2. Используйте цветовой круг

Когда художник Марк Шагал работал с цветовыми палитрами, он придерживался простого правила: «Цвета дружат со своими соседями и любят противоположности».

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


Синди Кинаш (Cindy Kinash), дизайнер из Cultivated Mind, считает, что при создании акварельных цветов тени следует наносить аналоговым цветом.


В этом проекте Синди Кинаш светло-синий соседствует с темно-синим и пурпурным, этот прием помогает добиться глубины.

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

Этот способ пригодится вам даже в том случае, если у вас нет желания или времени вручную разбираться в цветовых композициях. Сегодня в Сети можно найти массу полезных онлайн-инструментов, которые сделают за вас всю работу. Например, Adobe Color (бывший Kuler).


3. Заимствуйте цвета из интерьера

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

И здесь может оказаться полезным правило, которым я часто пользуюсь. Оно применимо как в дизайне интерьера, так и в графическом дизайне: 60% доминирующего цвета, 30% вторичного цвета, 10% акцентного цвета. Если вам хочется ввести четвертый и больше цветов, сделайте это за счет вторичного цвета (или доминирующего). Только ни в коем случае не трогайте акцентный.

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


4. Сохраняйте цвета, которые вам нравятся

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

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

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

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

Дизайнер и автор книги «Кради как художник» Остин Клеон предлагает завести специальную папку и складывать в нее фотографии разных предметов дизайна и примеры цветовых палитр, которые вам понравились.

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


5. Доверьтесь цветовому справочнику Pantone

Иногда цифрового круга просто не хватает. Тогда лучше отвернуться от экрана и прибегнуть к более традиционному способу — к палитрам Pantone.

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


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


6. Ищите цвета в природе

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

Отличные подборки природных цветовых коллекций вы можете найти на Design Seeds.


7. Используйте не более 3-4 цветов

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


8. Сопоставьте цвет с настроением своего проекта

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

Для начала определитесь с цветовой гаммой и лишь потом переходите к деталям. «Например: «Мне нужен романтичный пурпурный» или «Я хочу очаровательный розовый». 

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

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


9. Используйте Pinterest для поиска тематических палитр

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

Вот как выглядят результаты запроса по «Летним цветовым палитрам» в Pinterest. «Фишка» здесь в том, что вы получаете вдохновение из самых разных сфер: интерьер, мода, графика и даже оформление праздников.


10. Посещайте тематические сайты

Colourlovers – это творческое сообщество, где люди со всего мира создают и выкладывают цвета, палитры и шаблоны. Зарегистрируйтесь, и вы получите доступ к более чем 3,7 миллионам цветовых палитр.


Теперь ваша очередь

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

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

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

Уважаемый/ая коллега!

Если вы хотите основательно изучить эту тему и получить практические навыки по созданию удачных цветовых сочетаний, приглашаю вас принять участие в моем онлайн-воркшопе «Колористика для дизайнера-самоучки», который стартует 20.09.2016.

Информация и регистрация здесь.


Поделиться в соц. сетях:

Сервисы подбора цвета для веб-дизайна

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

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

Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .

Сервисы подбора цвета для веб-дизайна

colorscheme.ru

С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.

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

 

color.adobe.com

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

Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.

 

paletton.com

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

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

 

Следующие два сайта генерируют палитру из выбранного вами изображения.  It is magic 🙂

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

Color Palette Generator

На этом сайте необходимо указать ссылку на изображение.

 

palettegenerator.com

На этот сайт нужно загрузить картинку со своего компьютера.

 

palettable.io

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

 

flatcolors.net

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

 

materialpalette.com

Еще один модный тренд —  материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

 

getuicolors.com

И напоследок снова user interface.  Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

Напишите в комментариях, какими сайтами подбора цвета для веб-дизайна пользуетесь вы?

Нужен сайт с правильными цветами? Пишите, сделаем 🙂

Нашли ошибку? Выделите фрагмент текста и нажмите CTRL+ENTER

Выбор цвета для дизайна сайта. Примеры: 50 великолепных цветовых схем

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

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

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

На что влияет выбор цветовой палитры

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

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

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

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

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

1. Красочные и сбалансированные

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

2. Яркие цвета с сильным акцентом

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

3. Природные и земные цвета

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

4. Свежие и лаконичные цвета

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

5. Смелые и яркие

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

6. Черные с ярким акцентом

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

7. Стильные и утонченные

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

8. Оттенки красновато-коричневого

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

9. Мистические темные цвета

Эта темная и таинственная цветовая схема с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и смелыми акцентными цветами.

10. Современные и смелые

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

11. Живые и привлекательные цвета

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

12. Поразительно простые цвета

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

13. Оттенки живого красного

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

14. Вычурные и креативные

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

15. Элегантные и доступные

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

16. Футуристические цвета

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

17. Инновационные и смелые

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

18. Текстурированные и динамичные

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

19. Теплые оттенки и минимализм

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

20. Яркие и контрастные цвета

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

21. Чистые и энергичные

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

22. Традиционная бизнес-классика

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

23. Глубокий сдержанный синий

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

24. Чистые и современные

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

25. Яркие и элегантные

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

26. Веселые и задорные цвета

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

27. Минималистичные контрастные цвета

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

28. Эффектные цвета с четким акцентом

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

29. Современные и актуальные цвета

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

30. Природные естественные цвета

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

31. Ярко-розовые и пастельные

Этот оживленный сайт объединяет ярко-малиново-розовый с более мягкими цветами, такими как пастельно-синий и светло-пастельно-фиолетовый. Результатом является удивительно свежая и беззаботная цветовая гамма, которая создает ощущение легкости и свежести.

32. Уникальная необычная комбинация цветов

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

33. Яркие цитрусовые цвета

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

34. Энергичные голубые и апельсиновые цвета

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

35. Оттенки бородово-красного и и синего

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

36. Дерзкие, смелые и современные

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

37. Веселые и энергичные

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

38. Снежный, но теплый

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

39. Богатство насыщенных красок

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

40. Элегантный минимализм

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

41. Простые и бесстрашные цвета

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

42. Плоские и простые цвета

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

43. Комфортный и спокойный

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

44. Классический и традиционный

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

45. Популярные акцентные цвета

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

46. Серьезный корпоративный

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

47. Гламурные и стильные цвета

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

48. Привлекательный и насыщенный

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

49. Контрастные кислотные цвета

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

50. Оптимистичные, живые успокаивающие цвета 

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

Публикация адаптирована в веб-студии АВАНЗЕТ на основе опыта гуру индустрии дизайна и статьи Найоми Чибана. Вдохновляйтесь вместе с visme и найдите для себя идеальную цветовую палитру!

27.03.2022

← Поделиться с друзьями !

В помощь веб-дизайнеру: 14 лучших инструментов для работы с цветом

Скриншот: Creativebloq

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

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

Скриншот: Creativebloq

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

Скриншот: Creativebloq

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

Coolors доступен для настольных ПК, iOS устройств. Более того этот инструмент можно добавить в качестве расширения для приложений Adobe (PhotoShop, Illustrator, InDesign) и даже в браузер Google Chrome.

Скриншот: Creativebloq

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

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

Скриншот: Creativebloq

Colordot от Hailpixel — это бесплатный онлайн-инструмент для создания цветовой палитры.

Управление осуществляется с помощью кликов:

  • найти оттенок — перемещайте курсор вперед и назад,
  • настроить свет — перемещайте курсор вверх и вниз,
  • настроить насыщенность — прокрутите  колесо мыши,
  • сохранить цвет в палитре — кликните на выбранный оттенок.

Если кликнуть на значок переключателя, вы сможете увидеть значения RGB и HSL каждого оттенка. А мобильное приложение для iOS устройств позволяет захватывать цвета с помощью камеры.

Скриншот: Creativebloq

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

Скриншот: Creativebloq

Для создания удобного и читабельного CSS кода иногда лучше использовать стандартные цвета и их названия. Инструмент 147 Colors в одном месте собрал все цвета CSS, чтобы вы могли выбрать подходящий.  Он содержит 17 стандартных и 130 дополнительных названий оттенков. Вы также можете отфильтровать результаты по оттенкам или выбрать с помощью цветового колеса.

Скриншот: Creativebloq

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

Скриншот: Creativebloq

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

Скриншот: Creativebloq

ColourCode чем-то похож на Colordot, но содержит больше полезных рекомендаций. Кроме этого, он также позволяет выбирать различные категории палитры (аналоги, триада, монохромный и т. д.).

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

Скриншот: Creativebloq

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

Скриншот: Creativebloq

HTML Color Codes — это обширный набор бесплатных инструментов, которые включают множество палитр с комментариями, цветовые диаграммы, схемы Google Material Design, классические палитры безопасных оттенков и список стандартных названий цветов и кодов HTML.

На сайте также можно найти учебные пособия и другие ресурсы для веб-дизайнеров. Результат можно экспортировать в виде HEX, HTML, CSS и SCSS кода.

Скриншот: Creativebloq

Если вы ищете универсальное решение, включающее руководство по цветам и различные инструменты, тогда W3Schools: Colors Tutorial — идеальный выбор. С его помощью вы не только узнаете больше о теории цвета, цветовых кругах и оттенках, но и сможете использовать различные инструменты, например, Color Converter. Он позволяет преобразовывать любые оттенки в HEX, RGB, HSL, HWB и CMYK код.

Скриншот: Creativebloq

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

Источник.

Фото на обложке: Unsplash

51 лучший цветной сайт для дизайнеров — обновлено! – Журнал ПРИНТ

Автор: Джуд Стюарт | 5 июля 2019 г.


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

Цветовая палитра Вдохновение и генераторы цветовых схем

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


Более 300 000 дизайнеров и любителей цвета постоянно делятся цветовыми палитрами на этом сайте, поэтому свежие идеи всегда наготове. Добавьте этот сайт в закладки как один из лучших цветных сайтов или загрузите бесплатное приложение Adobe AIR, COLOURLovers Desktop Color Finder. И пока вы этим занимаетесь, блог COLOURLovers сообщает о цветовых тенденциях и причудливых цветовых находках с соответствующими палитрами для каждого сообщения.


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


Design Seeds прославляют природные цвета и эстетику целеустремленной жизни. Поиск палитры по значению цвета или по теме.


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


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


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


Более надежный инструмент цветовой палитры для опытных пользователей.


Серия цветовых палитр для любого использования.


Colormunki позволяет создавать цветовые схемы из образцов Pantone.


Сайт с базовой цветовой палитрой и хорошей интеграцией в социальные сети.


ColorBlender: введите цвет, получите автоматически созданный онлайн-инструмент смешивания для сопоставления цветов и дизайна палитры с параметрами экспорта

Color Wizard: концепция аналогична Color Blender, этот инструмент работает на основе одного цвета на входе и выходе из палитры.

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

Также стоит упомянуть: Contrast A, SlayerOffice Color Palette, ColorToy 2.0< /span> (единственный Flash-инструмент в этом списке), сверхпростой Infohound, Visibone (такой же простой, плюс доступный на дюжине языков) и SitePro Central Выбор цветовой схемы.


Извлечение цветовой палитры из URL-адреса или изображения

Tin Eye Labs — извлечение цвета: загрузите изображение, вставьте URL-адрес изображения или используйте перетаскивание, чтобы извлечь цвета из изображения.Движок отобразит цветовую палитру для всех цветов, определенных в вашем изображении. Извлечение цвета работает для файлов JPEG, PNG и GIF.

ColorHunter: введите тег, шестнадцатеричный код или URL-адрес изображения для поиска цветовых палитр, соответствующих вашим критериям

Дважды проверьте цветовую палитру любого изображения с помощью этого генератора цветовой палитры от DeGraeve.com.


Лучшие цветовые сайты для имитации (и исправления) ваших дизайнов для слабого зрения

Один из 15 человек в той или иной степени дальтоник.Эти инструменты имитируют внешний вид вашего сайта для людей с нарушениями цветового зрения.

Цветовое зрение | Колблиндер | Симулятор дальтонизма | Цветовой круг специальных возможностей | Checkmycolors.com


Оттачивайте свои навыки теории цвета

Color Theory from Paper Leaf: Вот ваша одностраничная шпаргалка по концепциям теории цвета. (Его тоже можно скачать!)

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


Мгновенное определение цветов с помощью плагинов для браузера

Pixie
ColorZilla: Прокачай свой браузер Firefox для цветовых задач с помощью этого плагина.
ColorMod: этот бесплатный виджет избавляет вас от необходимости запускать Creative Suite каждый раз, когда вы хотите получить сочный цвет, который видите.


Найти убийственные фоновые узоры

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

Выкройки BG | ДинШаблон | Ava7Patterns | Шаблоны EveryDayIcons | Паттерриф


Играйте с цветом подробнее

Tin Eye: этот сайт извлек цвета из 20 миллионов изображений Creative Commons на Flickr, чтобы сделать изображения доступными для поиска по цвету.

Color-Hex: Этот сайт содержит шестнадцатеричные коды для каждого из перечисленных цветов.

SpyColor: бесплатный сервис, который предоставляет информацию о любом цвете, включая преобразование во многие цветовые модели (RGB, CMYK, HSL, HSV, XYZ, xyY, CIELAB, CIELUV, CIELCH, Hunter Lab и YIQ). Схемы (гармонии), такие как дополнительные, раздельно-дополняющие, триадные, четырехцветные, пятицветные, конфликтные, аналогичные и монохроматические цвета, можно найти на каждой цветовой странице.

RGB Challenge: в этой игре попытайтесь угадать правильный цвет для кода RGB, показанного выше. Соберите как можно больше правильных цветов подряд и обыграйте своих друзей!

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

Color Run: Простая игра про цвета. Просто нажмите на более светлый цвет.

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

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

Shutterstock Spectrum: Поиск в базе данных изображений Shutterstock по цвету.

Playdots: цель проста; поднимайтесь в таблице лидеров, соединяя точки одного цвета по вертикали и горизонтали.

Online Color Challenge: Насколько хорошо вы видите цвета? ФАКТ: 1 из 255 женщин и 1 из 12 мужчин имеют ту или иную форму дефицита цветового зрения. Примите участие в онлайн-тестировании цвета, основанном на тесте Farnsworth Munsell 100 Hue Test.

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

Назовите этот цвет: Хотите узнать название определенного оттенка? Найдите его здесь.

Онлайн-цветовой тезаурус HP IdeaLab: в рамках этого совместного проекта ученые-цветовщики Hewlett-Packard тщательно изучают названия цветов.

WolframAlpha: Этот «вычислительный механизм знаний» включает в себя цветовую категорию, объединяющую имена цветов с шестнадцатеричными, RGB, CMYK и другими значениями, температурами и даже длинами волн света. Любители цвета, ликуйте.

Неясные цветовые термины Phronistry: Наконец-то вы можете узнать, как выглядит «smargadine» или «luteolous». Как щепетилен!

И последнее, но не менее важное: большое спасибо SpyreStudios, DesignReviver и MogDesign за их превосходные списки цветовых ресурсов.

Путеводитель Designers Republic по броским цветовым сочетаниям

Хотите, чтобы ваши дизайны выделялись больше? Броская цветовая комбинация — отличный и простой способ сделать это.И что может быть лучше, чтобы найти привлекательную комбинацию, чем обратиться к некоторым мастерам дизайна: The Designers Republic.

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


Дизайнеры Кто?

Не знаете, кто такая The Designers Republic? Это одна из самых знаковых и влиятельных студий графического дизайна конца 20-начала 21 века.Он был основан в 1986 году в Шеффилде, Англия, Яном Андерсоном, который начинал с дизайна флаеров для музыкальных групп. Популярность TDR пришла благодаря разработке обложек оригинального электронного звукозаписывающего лейбла Warp (который также из Шеффилда), созданию стиля для серии видеоигр Wipeout и работе для таких корпораций, как Sony и Coca Cola.

The Designers Republic стала очень влиятельной студией графического дизайна. Вся электронная музыкальная сцена использовала многие футуристические элементы TDR для обложек альбомов и тому подобное, как и многие представители сообщества веб-дизайнеров.Можно с уверенностью сказать, что TDR кое-что знает об эффективном дизайне, в том числе о броских цветовых сочетаниях.

The Designers Republic умеет подбирать простые, но очень привлекательные цветовые сочетания. И это тема этой статьи: что мы можем узнать из выбора цвета TDR.

Путеводитель Designers Republic по броским цветовым сочетаниям

1. Синий + коричневый + черный + белый

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

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

Шоколадно-голубой

2. Синий + серый + белый

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

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

Twitter

3. Синий + белый

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

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

Skype

4. Сине-зеленый + белый

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

Детская тема раннего утра

5.Темно-серый + светло-серый + зеленый

Темно-серый текст и объекты на светло-сером фоне создают более мягкую профессиональную атмосферу, чем черно-белый. Причиной этого является меньший контраст. Но, как и в случае № 2, зеленый оттенок создает технологичное, но естественное слияние.

Зеленый цвет создает определенное заземление благодаря ассоциации земли/травы/природы. Он удерживает все оттенки серого от захвата.

Звуковой сигнал

6. Оранжевый + белый

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

Идеально подходит как для создания чего-то теплого, ассоциирующегося с осенью или едой, так и для иронического использования, чтобы ниспровергнуть детский образ (как это сделали The Designers Republic с этой версией дизайна Nickelodeon) .

Белый Оранжевый

7. Розовый + Белый

Как и в предыдущем №6, еще одна простая комбинация белого текста и объектов одного цвета.Как и в случае №6, розовый — еще один недоиспользуемый фоновый цвет. Парни в основном избегают его из-за девчачьего оттенка — хотят чего-то «покруче» или пожестче. Но подобно тому, как невероятно уверенный в себе мужчина может с комфортом носить розовое, уверенный в себе дизайн может раскачивать розовый фон.

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

Odopod

8. Красный + черный + белый

Очень часто используется красный и белый (Coca Cola) . Так почему же здесь представлена ​​эта слишком часто используемая цветовая комбинация? Ответ: черный.
Включение черного цвета делает эту цветовую комбинацию более привлекательной. Это немного сбивает вас с толку, поскольку вы так привыкли видеть только красное и белое. И вот почему это работает: черный нейтрален и не конфликтует с красным, как другой цвет или даже серый. Но этого дополнительного тонкого штриха достаточно, чтобы отделить ваш дизайн от бесчисленных красно-белых дизайнов.

Белые полосы

9. Белый + серый + зеленый

Аналогичен #6, но инвертирован. Белый текст на сером фоне — не слишком распространенная, но все же достаточно распространенная цветовая комбинация. Популярным примером является Джон Грубер, использующий его в своем блоге Daring Fireball.

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

Bigdada

10. Желто-зеленый + серый

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

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

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

Live 93

Броские сочетания цветов

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

Как насчет вас: какие ваши любимые броские цветовые сочетания?

Начальный графический дизайн: цвет

/ru/начало графического дизайна/типографика/контент/

Сила цвета

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

Так как же узнать, какие цвета хорошо смотрятся вместе, а какие нет? Ответ прост: Теория цвета .

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

Посмотрите видео ниже, чтобы узнать больше о цвете.

Основные цвета

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

Вторичные цвета создаются путем объединения двух основных цветов .Красный и желтый дают оранжевый; желтый и синий дают зеленый; а синий и красный дают фиолетовый.

Если мы смешаем этих цветов вместе, мы получим еще больше промежуточных оттенков , таких как красно-оранжевый и желто-зеленый. Все вместе они образуют так называемое цветовое колесо . (Возможно, вы видите, откуда он получил свое название.)

Пристальный взгляд

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

Оттенок

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

Насыщенность

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

Значение

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

Создание цветовых схем

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

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

Монохромный

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

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

Аналог

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

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

Дополнительный

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

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

Сплит-дополнительный

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

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

Триада

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

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

Тетрадик

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

Как избежать распространенных ошибок

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

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

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

Иногда это означает НЕ использовать цвет — по крайней мере, не каждую мелочь .

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

Выбор правильных цветов

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

Например, яркие цвета обычно создают веселую или современную атмосферу.

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

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

В поисках вдохновения

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

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

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

Собираем все вместе

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

Надеемся, вам понравилось изучение основ цвета!

Обязательно ознакомьтесь с остальными темами по графическому дизайну, в том числе:

/en/beginning-graphic-design/layout-and-composition/content/

Теория цвета в графическом дизайне: Краткое руководство для недизайнеров

Мало что в дизайне важнее цвета.Цвет может вызывать реакцию, эмоции или даже действие без использования слов. Так как же узнать, какие цвета хорошо смотрятся вместе? Ответ — теория цвета в графическом дизайне! Теория цвета описывает использование цвета в графическом дизайне. Иначе известные как цветовые палитры графического дизайна. Однако это не только для художников, поскольку люди используют теорию цвета и в повседневной жизни! Будь то выбор наряда или составление приглашения на вечеринку на день рождения членов семьи, теория цвета поможет вам выбрать красочный графический дизайн!

1.Понимание теории цвета в графическом дизайне

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

Теория цвета в графическом дизайне: красный

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: желтый

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: синий

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: оранжевый

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: зеленый

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

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

Щелкните изображение для редактирования

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

Теория цвета в графическом дизайне: фиолетовый

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

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

Щелкните изображение для редактирования

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

2. Что такое цветовая терминология?

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

Оттенок

Оттенок — одно из основных свойств цвета и свойство света, по которому цвет объекта классифицируется как красный, синий, зеленый или желтый в цветовом спектре.

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

Насыщенность

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

Значение

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

Яркость

Яркость — это просто оттенок цвета и его значение. Это относится к его легкости и способности воспроизводить свет или отражение.Это также известно как «яркость».

3. Цветовая палитра для графического дизайна

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

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

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

Дополнительный цвет

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

Дополнительный

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

Сплит Дополнительный

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

Аналог

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

Триада

Третичные цвета — это цвета, полученные путем комбинирования вторичного цвета с основным.Шесть цветов считаются третичными. В цветовом круге RYB этими третичными цветами являются красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый.

4. Цветные сайты для графического дизайна

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

ЦВЕТлюбовники

COLOURlovers — это творческое сообщество, в котором люди со всего мира создают и делятся цветами, палитрами и узорами, обсуждают последние тенденции и изучают красочные статьи.С более чем 4 682 736 палитрами, 10 035 451 цветом, 5 844 503 узорами в 532 217 шаблонах вы обязательно найдете вдохновение для начала своих творческих проектов.

Цветная охота

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

Палеттон

Paletton , инструмент для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Ранее он был известен как Color Scheme Designer.

5. Как создать графический дизайн с помощью теории цвета?

Шаг 1

Во-первых, вы идете на fotor.com и выбираете свой шаблон, перейдя на Дизайн и выбрав Плакат из категории Маркетинг .

Выберите свой шаблон на боковой панели, я выберу этот плакат распродажи в Черную пятницу!

Шаг 2

Теперь давайте настроим дизайн!

Во-первых, текст, давайте Нажмите в тексте заголовка и измените шрифт на Alibaba Sans Bold.

Я также изменю «Когда» и «Где» на Alibaba Sans Bold.

Дважды щелкните по тексту, чтобы изменить его текст, я заменю его на «велосипеды и аксессуары»

Теперь о цветах. Давайте изменим желтый цвет на более открытый зеленый цвет.

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

Заменить все желтые разделы на этот зеленый цвет.Вы даже можете изменить волнистую текстуру в правом нижнем углу!

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

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

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

Шаг 3

Наконец, давайте сохраним наше изображение с помощью . Назовите out-файл, выбрав .PNG в качестве типа файла, а затем выбрав High в качестве качества! И все готово!

6.Часто задаваемые вопросы

Какие 3 цветовые схемы?

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

Что такое хорошие сочетания цветов?

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

Какой цвет сочетается со всеми цветами?

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

Какие цвета будут популярны в 2020 году?

Мягкие, розовые оттенки и приглушенные естественные оттенки зеленого и синего — предсказанные трендовые цвета на 2020 год. В наступающем году также будут широко представлены землистые нутруэлы!

Какой цвет первым бросается в глаза?

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

Внешний

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

О нас:

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

Paletton — Дизайнер цветовой схемы

Влюблен в цвета, с 2002 года.
  1. Приложение для поддонов
  2. Цветопедия
  3. О Палеттоне
  4. О Палеттоне

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

Этот инструмент палитры использует различные цветовые модели для объединения соседних цветов и/или дополнительных цветов с основным оттенком. Выбирайте модели от однотонных до триадных или тетрадных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля. Играйте с яркостью и насыщенностью палитры, выбирайте из предопределенных пресетов или создавайте случайные палитры. Уникальный фильтр имитации зрения эмулирует палитру, которую видят люди с различной степенью слабости зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивание, преобразование оттенков серого или веб-цвета (традиционная 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитру образцов Photoshop ACO или формат палитры Gimp GPL), чтобы раскрасить вашу иллюстрацию. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Больше информации о цветах в Colorpedia.

Paletton является преемником предыдущего приложения Color Scheme Designer 3, используемого почти 20 миллионами посетителей с 2009 года (первая версия была опубликована в 2002 году), как профессиональными дизайнерами, так и любителями, интересующимися дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или обустройство дома и макияж.Полная история Палеттона в Colorpedia.

Javascript не обнаружен. Для этого приложения требуется Javascript.

Лучшая трехцветная схема для дизайна пользовательского интерфейса | Анна Гренн

Часть 2. Знакомство с палитрами Natural

Что вы чувствуете, когда слушаете музыку? У меня очень развитое воображение, поэтому я часто не могу не рисовать цвета, формы, предметы и иногда даже пейзажи. Это особенно верно, когда речь идет о живых концертах или классической музыке.Каждая композиция имеет свой оттенок радости или печали, любви или горя.
Я думаю, что это работает в обе стороны. Модест Мусоргский написал «Картинки с выставки» после незабываемого посещения музея. Искусство часто вдохновляет людей выражать свои эмоции по-своему. Приведу несколько примеров: «Somebody to love» группы Queen ассоциируется у меня с розами, «Yesterday» группы Beatles — с закатом, музыка Шопена — с небом и океанскими ветрами.

Хочу поделиться с вами своей идеей о музыкальном проигрывателе, который меняет цвета в зависимости от того, какая песня или композиция играет.Как вы знаете, большинство музыкальных проигрывателей просто выбирают обложку альбома и следуют ее цветовой палитре при воспроизведении песен из альбома. С одной стороны, я нахожу это ужасно скучным. С другой стороны, песни не всегда имеют ту же тему, что и обложка или даже остальная часть альбома. Я думаю, было бы неплохо, если бы цвета обложки песни менялись в зависимости от того, насколько быстрая или медленная музыка или какого она жанра. Но как можно развить этот музыкальный проигрыватель? Прежде всего, он должен иметь какой-то шаблон или алгоритм удачных сочетаний цветов.Во-вторых, параметры цвета (Hue, Value, Saturation) должны соответствовать параметрам музыки (Rhythm, Melody, Dynamics/Expression, Harmony).

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

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

Я нашел действительно замечательную трехцветную схему и попытался понять, почему она так хорошо сочетается друг с другом, а другие не работают. Я поместил эти рисунки на цветовой круг и обнаружил, что все эти комбинации можно разделить на три категории: все три цвета рядом друг с другом, два цвета рядом друг с другом, а один напротив другого, три цвета напротив друг друга на цветовой круг.Я буду использовать классическую терминологию для цветовых комбинаций, которую я нашел в книге по теории цвета: Analogous, Split Complementary and Triadic.

Простейшей комбинацией является аналогичный метод. Он создается с использованием трех цветов, которые относительно близки друг к другу на цветовом круге. Сумма углов меньше 90 градусов. Например, если вы хотите, чтобы основным цветом был красный, вы можете добавить оранжевый или коричневый. Большинство цветов рядом друг с другом сочетаются друг с другом, за исключением теплого красного и холодного розового или фиолетового.Очень красивые цвета сами по себе, но если сложить их вместе, получится внутренности птицы-падальщика. Все оттенки синего, зеленого и фиолетового очень хорошо сочетаются друг с другом, хотя некоторые цвета в сочетании могут быть ярче, а некоторые темнее. Я рекомендую вам сначала черпать вдохновение из фотографий природы, а уже потом — из цветового круга. Использование только цветового круга для выбора цвета похоже на поиск одномерной иглы на почти бесконечной двухмерной плоскости, имеющей форму круга.Даже обладая значительным художественным талантом и долгим наблюдением за естественными цветами, вам потребуется большой опыт, чтобы просто указать на цветовой круг и получить то, что вы хотите. Хотя практика очень помогает.

Использование градиента

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

Два цвета остаются рядом друг с другом, а третий цвет находится на противоположной стороне цветового круга. Сумма углов меньше 180 градусов. Есть несколько шаблонов, которые помогут вам в выборе: желтый действительно хорошо сочетается с противоположными цветами для красно-фиолетового, сине-зеленого, бирюзово-фиолетового, красный очень хорошо сочетается с зелено-сине-фиолетовым. Это просто несколько примеров. Возможности простираются до самых краев человеческого восприятия.
Многие цвета хорошо сочетаются друг с другом.Существует способ легко создавать схемы Split Complementary. Сначала вы выбираете два противоположных жирных цвета, которые хотите использовать в своем дизайне, а затем просто находите третий цвет рядом с одним из них. Например, вы хотите получить желтый и фиолетовый, я бы порекомендовал вам добавить розовый или синий цвет с фиолетовой стороны или зеленый с желтой стороны. Все эти цвета хорошо сочетаются друг с другом, если вы используете правильную насыщенность и контраст.

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

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

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

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

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

Следующим шагом вы можете добавить эту картинку в Adobe Color CC или подобрать цвета самостоятельно:

Adobe Color CC

Похоже, отличная цветовая палитра для дизайна, Я собираюсь использовать это.

Еще один способ взглянуть на изображения природы на этом сайте:

5 отличных генераторов цветовых палитр, которые должен попробовать каждый дизайнер

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

1.Пикуляр

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

2. Весы

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

3. Colorinspire.io

Этот удобный куратор цветовой палитры был создан дизайнером и дрибблером Алесом Несетрилом. Алес описывает Colorinspire.io как «одностраничный макет, который включает 48 лучших цветовых комбинаций, используемых с течением времени, организованных в сетку из трех столбцов. Вы можете просмотреть их все и щелкнуть любой цвет, чтобы скопировать его шестнадцатеричный код в буфер обмена».

4. Цвета Музли

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

5. Сплоченные цвета

Если вы любите экспериментировать с цветом, вам особенно понравится Cohesive Colors. Просто введите существующую цветовую схему, которую вы создали (или используйте их рандомизированные палитры), затем выберите цвет наложения, который будет использоваться для объединения исходных цветов. Результат? Новая, красивая сплоченная палитра!

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

ДОПОЛНИТЕЛЬНЫЕ ЦВЕТНЫЕ РЕСУРСЫ

Узнайте больше о процессах в нашем блоге Courtside.