Модное сочетание цветов в веб дизайне

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

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

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

Цвета для сайта: 50 палитр

1. Active Theory

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

#E27D60 – #85DCB – #E8A87C – #C38D9E – #41B3A3

2. Paypr

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

#242582 – #553D67 – #F64C72 – #99738E – #2F2FA2

3. Resn

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

#8D8741 – #659DBD – #DAAD86 – #BC986A – #FBEEC1

4. Grosse Lanterne

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

#05386B – #379683 – #5CDB95 – #8EE4AF – #EDF5E1

5. W&CO

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

#FC4445 – #3FEEE6 – #55BCC9 – #97CAEF – #CAFAFE

6. Stinkdigital

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

#8EE4AF – #EDF5E1 – #5CDB95 – #907163 – #379683

7. Bordel Studio

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

#5D5C61 – #379683 – #7395AE – #557A95 – #B1A296

8. ReedBe

Красно-коричневый в комбинации с насыщенным красным и лавандовым привлекает своей глубиной и уникальностью. 

#2E1114 – #501B1D – #64485C – #83677B – #ADADAD

9. Samsy

Темная и мистическая палитра с яркими синими акцентами в топе дизайн-трендов этого года. 

#0C0032 – #190061 – #240090 – #3500D3 – #282828

10. Bryan James

Розовые, красные и серые оттенки отлично смотрятся на темном фоне и ассоциируется с утонченностью и минимализмом. 

#1A1A1D – #4E4E50 – #6F2232 – #950740 – #C3073F

11. Anton & Irene

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

#E7717D – #C2CAD0 – #C2B9B0 – #7E685A – #AFD275

12. Bert

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

#0B0C10 – #1F2833 – #C5C6C7 – #66FCF1 – #45A29E

13. BrightMedia 

В этом дизайне объединились все оттенки красного для поднятия настроения пользователей и создания уникального креативного образа.

#5D001E – #E3E2DF – #E3AFBC – #9A1750 – #EE4C7C

14. Julie Flogeac

Яркое сочетание горчичного, красного и синего дарит легкое чувство ностальгии и отлично привлекает внимание.

#D79922 – #EFE2BA – #F13C20 – #4056A1 – #C5CBE3

15. Epic

Бежевые оттенки с синим и рубиновым выглядят одновременно утонченно и легко. 

#EDC7B7 – #EEE2DC – #BAB2B5 – #123C69 – #AC3B61

16. MediaMonks

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

#2C3531 – #116466 – #D9B08C – #FFCB9A – #D1E8E2

17. eDesign Interactive

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

#272727 – #747474 – #FF652F – #FFE400 – #14A76C

18. HAUS

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

#2F4454 – #2E151B – #DA7B93 – #376E6F – #1C3334

19. Gusto Ids

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

#EAE7DC – #D8C3A5 – #8E8D8A – #E98074 – #E85A4F

20. FCINQ

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

#D83F87 – #2A1B3D – #44318D – #E98074 – #A4B3B6

21. Change Digital

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

#5680E9 – #84CEEB – #5AB9EA – #C1C8E4 – #8860D0

22. Watson/DG

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

#88BDBC – #254E58 – #112D32 – #4F4A41 – #6E6658

23. Supremo  

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

#25274D – #464866 – #AAABB8 – #2E9CCA – #29648A

24. Umwelt A/S

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

#17252A – #2B7A78 – #3AAFA9 – #DEF2F1 – #FEFFFF

25. Waaark           

Яркая и элегантная цветовая схема сочетает в себе сразу несколько бросающихся в глаза оттенков: современно и со вкусом.  

#F8E9A1 – #F76C6C – #A8D0E6 – #374785 – #24305E

26. Five Hundred 

Игривая и полная жизни палитра отлично дополнит смелые проекты.

#A64AC9 – #FCCD04 – #FFB48F – #F5E6CC – #17E9E0

27. Immersive Garden

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

#61892F – #86C232 – #222629 – #474B4F – #6B6E70

28. SMFB

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

#FAED26 – #46344E – #5A5560 – #9D8D8F – #9B786F

29. Nurture Digital 

Палитра – лучший выбор для проектов, в которых объединяется технологичность и натуральность.  

#182628 – #65CCB8 – #57BA98 – #3B945E – #F2F2F2

30. Born05

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

#687864 – #31708E – #5085A5 – #8FC1E3 – #F7F9FB

31. Stinkdigital

Яркий дизайн в оттенках розового и фиолетового дарит чувство свежести и легкости. 

#A1C3D1 – #B39BC8 – #F0EBF4 – #F172A1 – #E64398

32. AILOVE

Необычное сочетание темно-красных и синих цветов выделяется и захватывает внимание. 

#59253A – #78244C – #895061 – #0677A1 – #2D4159

33. Superhero Cheesecake

Сочные цитрусовые оттенки – лучший выбор для сайтов о спорте и экстриме.

#1F2605 – #1F6521 – #53900F – #A4A71E – #D6CE15

34. Burocratik

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

#10E7DC – #0074E1 – #1B9CE5 – #6CDAEE – #F79E02

35. Google Brand Studio

Сочетание красного и синего смотрится интересно и подчеркивает уникальность проекта.

#4285F4 – #5C2018 – #BC4639 – #D4A59A – #F3E0DC

36. Details

Неожиданное и современное решение поможет любому сайту стать лучшим в своей нише.

#080F5B – #0D19A3 – #15DB95 – #F4E4C1 – #E4C580

37. Cher Ami

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

#FBE8A6 – #F4976C – #303C6C – #B4DFE5 – #D2FDFF

38. Leavingstone

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

#B23850 – #3B8BEB – #E7E3D4 – #C4DBF6 – #8590AA

39. Elespacio

Насыщенная, яркая палитра объединяет в себе оттенки желтого, синего и розового. Прекрасный минимализм. 

#F78888 – #F3D250 – #ECECEC – #90CCF4 – #5DA2D5

40. SFCD  

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

#19181A – #479761 – #CEBC81 – #A16E83 – #B19F9E

41. Great Works Copenhagen

Бесстрашное сочетание оттенков синего и красного подчеркнет профессионализм и силу проекта. 

#314455 – #644E5B – #9E5A63 – #C96567 – #97AABD

42. Resn

Плоский дизайн в современном небанальном исполнении.

#00887A – #FFCCBC – #FFFFFF – #D3E3FC – #77A6F7

43. Play

Комбинация кофе с небесно-голубым дарит чувство комфорта. Отличный вариант для бизнеса в сфере HoReCa.  

#844D36 – #474853 – #86B3D1 – #AAA0A0 – #8E8268

44. details.ch

Утонченная и классическая палитра с современными нотками, подчеркнет серьезность и актуальность проекта.

#5F6366 – #4D6D9A – #86B3D1 – #99CED3 – #EDB5BF

45. stinkdigital

Палитра – лучшее решение для сайтов с небольших количеством элементов. Акцентный фиолетовый поможет привлечь внимание к вашему посланию.

#802BB1 – #2D283E – #564F6F – #4C495D – #D1D7E0

46. EPIC

Приглушенные оттенки синего, красного и зеленого выглядят традиционно и профессионально. 

#265077 – #022140 – #494B68 – #1E4258 – #2D5F5D

47. Apart

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

#806543 – #33266E – #111111 – #542F34 – #A6607C

48. FUTURAMO

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

#501F3A – #CB2D6F – #CCCCCC – #14A098 – #0F292F

49. Panic

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

#C34271 – #F070A1 – #16FFBD – #12C998 – #439F76

50. madeo

Расслабляющая, но яркая палитра ассоциируется с оптимизмом и энергией.

#026670 – #9FEDD7 – #FEF9C7 – #FCE181 – #EDEAE5

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