Цвета для сайта 50 идей от лучших дизайнеров
Юзабилити

Цвета для сайта: 50 идей от лучших дизайнеров

Автор: Ия Пфанштиль10.02.2020

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

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

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

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

1. Active Theory

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

Цвета для сайта website-1024x512
#E27D60 – #85DCB – #E8A87C – #C38D9E – #41B3A3

2. Paypr

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

Цвета для сайта website2-1024x512
#242582 – #553D67 – #F64C72 – #99738E – #2F2FA2

3. Resn

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

Цвета для сайта website3-1024x512
#8D8741 – #659DBD – #DAAD86 – #BC986A – #FBEEC1

4. Grosse Lanterne

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

Цвета для сайта website4-1024x512
#05386B – #379683 – #5CDB95 – #8EE4AF – #EDF5E1

5. W&CO

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

Цвета для сайта website5-1024x512
#FC4445 – #3FEEE6 – #55BCC9 – #97CAEF – #CAFAFE

6. Stinkdigital

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

Цвета для сайта website6-1024x512
#8EE4AF – #EDF5E1 – #5CDB95 – #907163 – #379683

7. Bordel Studio

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

Цвета для сайта website7-1024x512
#5D5C61 – #379683 – #7395AE – #557A95 – #B1A296

8. ReedBe

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

Цвета для сайта website8-1024x512
#2E1114 – #501B1D – #64485C – #83677B – #ADADAD

9. Samsy

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

Цвета для сайта website9-1024x512
#0C0032 – #190061 – #240090 – #3500D3 – #282828

10. Bryan James

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

Цвета для сайта website10-1024x512
#1A1A1D – #4E4E50 – #6F2232 – #950740 – #C3073F

11. Anton & Irene

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

Цвета для сайта website11-1024x512
#E7717D – #C2CAD0 – #C2B9B0 – #7E685A – #AFD275

12. Bert

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

Цвета для сайта website12-1024x512
#0B0C10 – #1F2833 – #C5C6C7 – #66FCF1 – #45A29E

13. BrightMedia 

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

Цвета для сайта website13-1024x512
#5D001E – #E3E2DF – #E3AFBC – #9A1750 – #EE4C7C

14. Julie Flogeac

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

Цвета для сайта website14-1024x512
#D79922 – #EFE2BA – #F13C20 – #4056A1 – #C5CBE3

15. Epic

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

Цвета для сайта website15-1024x512
#EDC7B7 – #EEE2DC – #BAB2B5 – #123C69 – #AC3B61

16. MediaMonks

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

Цвета для сайта website16-1024x512
#2C3531 – #116466 – #D9B08C – #FFCB9A – #D1E8E2

17. eDesign Interactive

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

Цвета для сайта website17-1024x512
#272727 – #747474 – #FF652F – #FFE400 – #14A76C

18. HAUS

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

Цвета для сайта website18-1024x512
#2F4454 – #2E151B – #DA7B93 – #376E6F – #1C3334

19. Gusto Ids

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

Цвета для сайта website19-1024x512
#EAE7DC – #D8C3A5 – #8E8D8A – #E98074 – #E85A4F

20. FCINQ

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

Цвета для сайта website20-1024x512
#D83F87 – #2A1B3D – #44318D – #E98074 – #A4B3B6

21. Change Digital

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

Цвета для сайта website21-1024x512
#5680E9 – #84CEEB – #5AB9EA – #C1C8E4 – #8860D0

22. Watson/DG

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

Цвета для сайта website22-1024x512
#88BDBC – #254E58 – #112D32 – #4F4A41 – #6E6658

23. Supremo  

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

Цвета для сайта website23-1024x512
#25274D – #464866 – #AAABB8 – #2E9CCA – #29648A

24. Umwelt A/S

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

Цвета для сайта website24-1024x512
#17252A – #2B7A78 – #3AAFA9 – #DEF2F1 – #FEFFFF

25. Waaark           

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

Цвета для сайта website25-1024x512
#F8E9A1 – #F76C6C – #A8D0E6 – #374785 – #24305E

26. Five Hundred 

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

Цвета для сайта website26-1024x512
#A64AC9 – #FCCD04 – #FFB48F – #F5E6CC – #17E9E0

27. Immersive Garden

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

Цвета для сайта website27-1024x512
#61892F – #86C232 – #222629 – #474B4F – #6B6E70

28. SMFB

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

Цвета для сайта website28-1024x512
#FAED26 – #46344E – #5A5560 – #9D8D8F – #9B786F

29. Nurture Digital 

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

Цвета для сайта website29-1024x512
#182628 – #65CCB8 – #57BA98 – #3B945E – #F2F2F2

30. Born05

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

Цвета для сайта website30-1024x512
#687864 – #31708E – #5085A5 – #8FC1E3 – #F7F9FB

31. Stinkdigital

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

Цвета для сайта website31-1024x512
#A1C3D1 – #B39BC8 – #F0EBF4 – #F172A1 – #E64398

32. AILOVE

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

Цвета для сайта website32-1024x512
#59253A – #78244C – #895061 – #0677A1 – #2D4159

33. Superhero Cheesecake

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

Цвета для сайта website33-1024x512
#1F2605 – #1F6521 – #53900F – #A4A71E – #D6CE15

34. Burocratik

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

Цвета для сайта website34-1024x512
#10E7DC – #0074E1 – #1B9CE5 – #6CDAEE – #F79E02

35. Google Brand Studio

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

Цвета для сайта website35-1024x512
#4285F4 – #5C2018 – #BC4639 – #D4A59A – #F3E0DC

36. Details

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

Цвета для сайта website36-1024x512
#080F5B – #0D19A3 – #15DB95 – #F4E4C1 – #E4C580

37. Cher Ami

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

Цвета для сайта website37-1024x512
#FBE8A6 – #F4976C – #303C6C – #B4DFE5 – #D2FDFF

38. Leavingstone

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

Цвета для сайта website38-1024x512
#B23850 – #3B8BEB – #E7E3D4 – #C4DBF6 – #8590AA

39. Elespacio

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

Цвета для сайта website39-1024x512
#F78888 – #F3D250 – #ECECEC – #90CCF4 – #5DA2D5

40. SFCD  

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

Цвета для сайта website40-1024x512
#19181A – #479761 – #CEBC81 – #A16E83 – #B19F9E

41. Great Works Copenhagen

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

Цвета для сайта website41-1024x512
#314455 – #644E5B – #9E5A63 – #C96567 – #97AABD

42. Resn

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

Цвета для сайта website42-1024x512
#00887A – #FFCCBC – #FFFFFF – #D3E3FC – #77A6F7

43. Play

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

Цвета для сайта website43-1024x512
#844D36 – #474853 – #86B3D1 – #AAA0A0 – #8E8268

44. details.ch

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

Цвета для сайта website44-1024x512
#5F6366 – #4D6D9A – #86B3D1 – #99CED3 – #EDB5BF

45. stinkdigital

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

Цвета для сайта website45-1024x512
#802BB1 – #2D283E – #564F6F – #4C495D – #D1D7E0

46. EPIC

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

Цвета для сайта website46-1024x512
#265077 – #022140 – #494B68 – #1E4258 – #2D5F5D

47. Apart

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

Цвета для сайта website47-1024x512
#806543 – #33266E – #111111 – #542F34 – #A6607C

48. FUTURAMO

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

Цвета для сайта website48-1024x512
#501F3A – #CB2D6F – #CCCCCC – #14A098 – #0F292F

49. Panic

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

Цвета для сайта website49-1024x512
#C34271 – #F070A1 – #16FFBD – #12C998 – #439F76

50. madeo

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

Цвета для сайта website50-1024x512
#026670 – #9FEDD7 – #FEF9C7 – #FCE181 – #EDEAE5

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

Реакция на статью
поделюсь
5%
интересно
55%
полезно
23%
не уверен
5%
скучно
5%
где автор?
9%
Ия Пфанштиль
Главный редактор, контент-маркетолог, автор. Пять лет пишу о digital. Делюсь открытиями.
Комментарии
Оставить отзыв

You must log in to post a comment