• Новости
    • Статьи
    • Курсы
    • События скоро...
    • Инструменты скоро...
    • Шаблоны скоро...
    • Предложения скоро...
    Юзабилити

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

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

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

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

     

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

    1. Active Theory

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

    website color schemes 1
    #E27D60 - #85DCB - #E8A87C - #C38D9E - #41B3A3

    2. Paypr

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

    website color schemes 2
    #242582 - #553D67 - #F64C72 - #99738E - #2F2FA2

    3. Resn

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

    website color schemes 3
    #8D8741 - #659DBD - #DAAD86 - #BC986A - #FBEEC1

    4. Grosse Lanterne

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

    website color scheme 4
    #05386B - #379683 - #5CDB95 - #8EE4AF - #EDF5E1

    5. W&CO

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

    Website color scheme 5
    #FC4445 - #3FEEE6 - #55BCC9 - #97CAEF - #CAFAFE

    6. Stinkdigital

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

    website color scheme 6
    #8EE4AF - #EDF5E1 - #5CDB95 - #907163 - #379683

    7. Bordel Studio

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

    website color scheme 7
    #5D5C61 - #379683 - #7395AE - #557A95 - #B1A296

    8. ReedBe

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

    website color scheme 8
    #2E1114 - #501B1D - #64485C - #83677B - #ADADAD

    9. Samsy

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

    website color scheme 9
    #0C0032 - #190061 - #240090 - #3500D3 - #282828

    10. Bryan James

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

    website color scheme 10
    #1A1A1D - #4E4E50 - #6F2232 - #950740 - #C3073F

    11. Anton & Irene

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

    website color scheme 11
    #E7717D - #C2CAD0 - #C2B9B0 - #7E685A - #AFD275

    12. Bert

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

    website color scheme 12
    #0B0C10 - #1F2833 - #C5C6C7 - #66FCF1 - #45A29E

    13. BrightMedia 

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

    website color scheme 13
    #5D001E - #E3E2DF - #E3AFBC - #9A1750 - #EE4C7C

    14. Julie Flogeac

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

    website color scheme 14
    #D79922 - #EFE2BA - #F13C20 - #4056A1 - #C5CBE3

    15. Epic

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

    website color scheme 16
    #EDC7B7 - #EEE2DC - #BAB2B5 - #123C69 - #AC3B61

    16. MediaMonks

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

    website color scheme 16
    #2C3531 - #116466 - #D9B08C - #FFCB9A - #D1E8E2

    17. eDesign Interactive

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

    website color scheme 17
    #272727 - #747474 - #FF652F - #FFE400 - #14A76C

    18. HAUS

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

    website color scheme 18
    #2F4454 - #2E151B - #DA7B93 - #376E6F - #1C3334

    19. Gusto Ids

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

    website color scheme 19
    #EAE7DC - #D8C3A5 - #8E8D8A - #E98074 - #E85A4F

    20. FCINQ

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

    website color scheme 20
    #D83F87 - #2A1B3D - #44318D - #E98074 - #A4B3B6

    21. Change Digital

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

    website color scheme 21
    #5680E9 - #84CEEB - #5AB9EA - #C1C8E4 - #8860D0

    22. Watson/DG

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

    website color scheme 22
    #88BDBC - #254E58 - #112D32 - #4F4A41 - #6E6658

    23. Supremo  

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

    website color scheme 23
    #25274D - #464866 - #AAABB8 - #2E9CCA - #29648A

    24. Umwelt A/S

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

    website color scheme 24
    #17252A - #2B7A78 - #3AAFA9 - #DEF2F1 - #FEFFFF

    25. Waaark           

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

    website color scheme 25
    #F8E9A1 - #F76C6C - #A8D0E6 - #374785 - #24305E

    26. Five Hundred 

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

    website color scheme 26
    #A64AC9 - #FCCD04 - #FFB48F - #F5E6CC - #17E9E0

    27. Immersive Garden

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

    website color scheme 27
    #61892F - #86C232 - #222629 - #474B4F - #6B6E70

    28. SMFB

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

    website color scheme 28
    #FAED26 - #46344E - #5A5560 - #9D8D8F - #9B786F

    29. Nurture Digital 

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

    website color scheme 29
    #182628 - #65CCB8 - #57BA98 - #3B945E - #F2F2F2

    30. Born05

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

    website color scheme 30
    #687864 - #31708E - #5085A5 - #8FC1E3 - #F7F9FB

    31. Stinkdigital

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

    website color scheme 31
    #A1C3D1 - #B39BC8 - #F0EBF4 - #F172A1 - #E64398

    32. AILOVE

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

    website color scheme 32
    #59253A - #78244C - #895061 - #0677A1 - #2D4159

    33. Superhero Cheesecake

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

    website color scheme 33
    #1F2605 - #1F6521 - #53900F - #A4A71E - #D6CE15

    34. Burocratik

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

    website color scheme 34
    #10E7DC - #0074E1 - #1B9CE5 - #6CDAEE - #F79E02

    35. Google Brand Studio

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

    website color scheme 35
    #4285F4 - #5C2018 - #BC4639 - #D4A59A - #F3E0DC

    36. Details

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

    website color scheme 36
    #080F5B - #0D19A3 - #15DB95 - #F4E4C1 - #E4C580

    37. Cher Ami

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

    website color scheme 37
    #FBE8A6 - #F4976C - #303C6C - #B4DFE5 - #D2FDFF

    38. Leavingstone

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

    website color scheme 38
    #B23850 - #3B8BEB - #E7E3D4 - #C4DBF6 - #8590AA

    39. Elespacio

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

    website color scheme 39
    #F78888 - #F3D250 - #ECECEC - #90CCF4 - #5DA2D5

    40. SFCD  

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

    website color scheme 40
    #19181A - #479761 - #CEBC81 - #A16E83 - #B19F9E

    41. Great Works Copenhagen

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

    website color scheme 41
    #314455 - #644E5B - #9E5A63 - #C96567 - #97AABD

    42. Resn

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

    website color scheme 42
    #00887A - #FFCCBC - #FFFFFF - #D3E3FC - #77A6F7

    43. Play

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

    website color scheme 43
    #844D36 - #474853 - #86B3D1 - #AAA0A0 - #8E8268

    44. details.ch

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

    website color scheme 44
    #5F6366 - #4D6D9A - #86B3D1 - #99CED3 - #EDB5BF

    45. stinkdigital

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

    website color scheme 45
    #802BB1 - #2D283E - #564F6F - #4C495D - #D1D7E0

    46. EPIC

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

    website color scheme 46
    #265077 - #022140 - #494B68 - #1E4258 - #2D5F5D

    47. Apart

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

    website color scheme 47
    #806543 - #33266E - #111111 - #542F34 - #A6607C

    48. FUTURAMO

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

    website color scheme 48
    #501F3A - #CB2D6F - #CCCCCC - #14A098 - #0F292F

    49. Panic

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

    website color scheme 49
    #C34271 - #F070A1 - #16FFBD - #12C998 - #439F76

    50. madeo

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

    website color scheme 50
    #026670 - #9FEDD7 - #FEF9C7 - #FCE181 - #EDEAE5

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

    More on the same topic
    дизайн
    веб-дизайн
    цвета
    психология цвета

    Комментарии