Сайт о цвете: Цвет и сочетание цвета

Содержание

Цвет и сочетание цвета

Небесно-голубой цвет и его сочетание

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

Модные цвета Нового Года 2021 – в чем встречать? 12 тонов для успеха

Новый год 2021 имеет китайский символ металлического быка, а значит основным модным цветом будет Белоснежно-белый, а также серый, голубой, серо-зеленые оттенки.

Модные цвета осень-зима 2020-2021

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

Болотный цвет и его сочетание

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

Модные цвета лето 2020 и сочетания с ними

Модные цвета лета 2020 для индустрии моды от Pantone Color Institute, который специализирующейся на прогнозирование трендов и цветовых тенденций в мире

Сочетание цвета в палитрах

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

Как получить серый цвет, смешивая краски

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

Бежевый и розовый сочетание цветов

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

Модный цвет 2020 года — Классический Синий

PANTONE 19-4052 Классический Синий — это вечный и прочный тон, элегантный в своей простоте.

Бронзовый цвет и его сочетание

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

Модный цвет Нового года 2020

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

Красный и серый – сочетание цветов

Красный и серый – сочетание умеренно строгое, умеренно яркое. Со светлыми оттенками серого красный смотрится позитивно, празднично; темные же – усиливают строгость.

Модные цвета осень-зима 2019—2020 и их сочетания

Модные цвета лета 2020 для индустрии моды от Pantone Color Institute, который специализирующейся на прогнозирование трендов и цветовых тенденций в мире

Сочетание фиолетового цвета в таблице. Фото

Сочетание фиолетового цвета в таблице с розовыми, красными, желтыми, оранжевыми, зелеными, коричневыми, бежевыми и другими оттенками, для расширения вашего восприятия. Фото.

Оливковый цвет: оттенки, таблицы сочетания, подбор одежды фото

Оливковый цвет — оттенок зеленого. Некоторые его варианты можно отнести к хаки. Он создает сочные, осенние сочетания в одежде.

Теплый и холодный бежевый цвет

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

Белый и желтый сочетание

Белый и желтый сочетание легкое, солнечное. Оно может быть мягким или звонким, в зависимости от оттенка желтого.

Контраст внешности

Говоря о контрасте внешности, мы имеем ввиду выгодный контраст, и игнорируем не выгодные варианты.

Цвет лайм и его сочетание

Цвет лайма – это желто-зеленый оттенок, который соответствует мякоти цитрусового фрукта с идентичным названием.

Сочетание оранжевого цвета в таблице. Фото

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

Цвета Нового Года 2021 – в чем встречать? 12 тонов для успеха


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

Модный цвет Нового года – белоснежный

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

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

Модный цвет Нового года – серый (Мокрый снег)

Металлически серый оттенка Мокрый снег PANTONE 16-3916 из коллекции осень-зима 2020—2021 – как нельзя лучше поддержит настроение Нового года. Он будет сиять и дарить свою тихую грацию, напоминая о вечности и постоянстве, которого нам не хватает. Скромный серый – это мудрость, надежность и стиль. Он подойдет девушкам, женщинам со средним и низким контрастом внешности, внесет мягкость в черты, раскроит их природную, естественную красоту.

Дополнить образ можно белоснежным, лимонно-желтым, приглушенно-розовым, синим, черным.

Модный цвет Нового года – голубой (Эфирный)

Звонкий, хрустальный Эфирный голубой PANTONE 15-4323 – холодная замена ярким тонам. Нежно-небесный, не досягаемый оттенок хорошо поддерживает металлический блеск. Он подойдет «весеннему» и «зимнему» цветоипу. Хоть тон и имеет детскую невинность, его так же могут примерить более взрослые женщины, тем самым омолодится, представится в новом свете. Голубой как чистый, мечтательный цвет прекрасно подходит к нашим ожиданиям от праздника.

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

Модный цвет Нового года – Классический синий

Сочный, но при этом уравновешенный модный Классический синий PANTONE 19-4052 не только из коллекции осень-зима 2020—2021, но и является символом 2020 года. Глубокий, всепоглощающий тон интересно перетекает от светлого своего оттенка к темному и уходит в черный. Этот эффект заменяет блеск, рисует картину виртуального образа, недостижимого и идеального. Чем ярче и чище тон, тем лучше он подойдет для «зимы» и «весны». Боле приглушенные, естественные тона – для «лета» и «осени».

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

Модный цвет Нового года – изумрудно-зеленый (Зеленый ультрамарин)

Шикарный, драгоценный зеленый — всегда торжественный, благородный и умиротворяющий. Зеленый Ультрамарин PANTONE 18-5338 относится к коллекции осень-зима 2020—2021, поэтому он актуален в холодной палитре новогодних оттенков. Это вечерний цвет, с внутренним светом, хорошо сочетающийся с блеском и вечерними огнями. Он подойдет для всех цветотипов.

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

Модный цвет Нового года – мятный (Воздушный зеленый)

Нежный, легкий, струящийся, светлый цвет Воздушный зеленый PANTONE 13-5907 выражает спокойствие, надежду, творчество. Этот женственный тон отталкивает все невзгоды, заставляет улыбаться, обволакивает природным совершенством. Он уносит от проблем, помогает реабилитироваться, снять стресс. Бледно-мятный подойдет для цветотипа «лето» и «осень».

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

Модный цвет Нового года – телесно-розовый (Розовый загар)

Естественный, запыленный, модный Розовый загар PANTONE 16-1511 из коллекции осень-зима 2020—2021. Стильный, сложный и при этом нежный, обворожительный и женственный, он притягивает внимание, как обнажённая кожа, блещет здоровьем и молодостью. Больше всего тон подойдет цветотипу «лето».

Сочетайте Розовый загар с белым, лимонно-желтым, голубым, пурпурным, темно-синим.

Модный цвет Нового года – лимонно-желтый (Зеленый блеск)

Желтый, с едва заметной примесью зеленого – Зеленый блеск PANTONE 13-0648 — смотрится кислым, сложным, сияющим. Он так же принадлежит к коллекции осень-зима 2020—2021. Оттенок является символом творчества, озарения, развития, познания. Зеленый блек подойдет промежуточным цветотипам: «весна-лето» и «осень-лето». Для чистой «весны» тон будет слишком запыленным.

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

Модный цвет Нового года – бежевый (Песчаник)

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

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

Модный цвет Нового года – темно-синий (Затмение)

Строгий, с фиолетовым подтоном оттенок Затмение PANTONE 19-3810 поражает своей вечерней грацией. Он выгодно подчеркнет фигуру и бледность кожи (даже с низким контрастом), добавит четкости контурам. На его фоне хорошо смотрятся светлые аксессуары. Затмение выражает уверенность в себе, царственное спокойствие, мудрость, зрелость.

Дополнить этот тон можно белым, бледно-мятным, голубым, коричневым, черным.

Модный цвет Нового года – пурпурно-фиолетовый

Этот тон будет заменой красной гамме: глубокий, пышный, чувственный, сексуальный оттенок сделает вас королевой балла. Модный Пурпурно-фиолетовый PANTONE 19-2428 (осень-зима) выгодно преподносит внешность: усиливая сияние теплого колорита и не нарушая мягкой грации низкого контраста. Как вечерний тон, пурпурно-фиолетовый преображается в мерцании огней праздника.

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

Модный цвет Нового года – черный

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

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




















Оставить комментарий

(только на русском языке)



Цвет в интерьере | LOOKCOLOR

Модные интерьеры 2016

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

Красная кухня и сочетание в ней

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

Голубой интерьер и сочетание в нем

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

Золотой интерьер и сочетание в нем

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

Модные интерьеры 2015

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

Сочетание зеленого цвета на кухне

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

Зеленая кухня

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

Черная мебель: кресло, диван, кровать. Сочерание

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

Модные интерьеры 2014

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

Желтый интерьер и сочетания в нем

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

Красный интерьер и сочетания в нем

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

Зеленый, салатовый интерьер и его сочетание

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

Яркие новогодние елки

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

Черный интерьер и сочетание в нем

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

Розовый интерьер и сочетание в нем

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

Синий интерьер и сочетание в нем

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

Цвет дерева для мебели в интерьере

О мебели из дерева и сочетании разных пород в одном интерьере. 100 фото примеров интерьера.

Светлый интерьер

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

Цвет пола в интерьере

В большинстве интерьеров присутствует цвет дерева. Почему за деревом остается такая популярность? 61 фото интерьеров с деревянной фактурой пола.

Черно белые интерьеры

Интерьер в черно белых тонах. Какой он? Как его создать? 66 фото примеров интерьера черно белого цвета.

Сочетание сиреневого цвета | LOOKCOLOR


Сочетание сиреневого цвета экзотичные и загадочные, впечатление от них зависит и от его оттенка. Для вашего внимания 6 палитр с 16 цветами + подборка обуви.

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

Оттенки сиреневого цвета

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

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

Сочетание сиреневого цвета таблице

Сочетание сиреневого чаще всего сочное, свежее, нежное, подстатье этому трепетному оттенку. Можно увидеть в этом цвете колоритные пастельные гаммы, которые удачно поддержат романтичный стиль. Хоть наш оттенок и досочно светлый, его редко сочетают с темными красками для достижения яркого контраста, так как основное его достоинство – колоритные палитры.

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

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

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

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

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

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

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

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

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

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

Бледно-сиреневый: сочетание

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

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

Классический сиреневый цвет: сочетание

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

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

Сиреневый аметист: сочетание

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

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

Сочетание лавандового цвета

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

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

Сине-сиреневый цвет: сочетание

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

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

Ярко-сиреневый цвет и сочетание с ним

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

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

Синелевый цвет в одежде

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

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

Сочетание сиреневого цвета в одежде

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

Сиреневый с белым

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

Сиреневый с серым

Особенно хороши в такой паре серебряные или стальные оттенки серого, а если ткань не несет блеска, то можно в нее добавить мелкий шум. Посмотрите, все тона серого рядом с основным цветом имеют либо переливы (градиент), либо легкую рябь. Серый может быть, как очень светлым – в этом случае палитра получается свободной, приподнятой, так и ближе к темному, что увиливает контраст, но сгущает краски, но самый распространённый вариант – это средний – нейтральный.
Усилить глубину в такой паре можно акцентами черного или пурпурного, а повысить контраст, внести свежеть и стиль – белым.

Сиреневый с черным

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

Сиреневый и бежевый

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

Сиреневый и коричневый

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

Сиреневый с красным

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

Сиреневый с оранжевым

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

Сиреневый с розовым

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

Сиреневый с желтым

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

Сиреневый с зеленым

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

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

Сиреневый с голубым

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

Сиреневый с фиолетовым

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

ПОСМОТРЕТЬ СОЧЕТАНИЯ С ПОХОЖИМИ ОТТЕНКАМИ (нажать на цвет)

ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)




















Оставить комментарий

(только на русском языке)



18 полезных ресурсов для работы с цветом

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

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

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

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

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

Ресурс HTML Color Codes предоставляет вам весь набор инструментов для работы с цветами в Web: переводы из одного цветового представления в другое, color picker, color chart и даже много туториалов про цвета. Очень круто.

Роскошный онлайн-инструмент для работы с цветом! Палитры, цвета, паттерны, все настраивается, выкладывается, делится и вычисляется из заданной картинки! Удобнее colorlovers в некоторых аспектах, более гибкий, чем kuler! Восторг, господа!)

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

24 сочных градиента от дизайнера Luke Davies.

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

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

Это один из инструментов, который всегда должен быть под рукой у дизайнера, а на Color by Hailpixel определенно стоит обратить внимание. Открывшийся сайт покажет вам пустой экран с единственной ссылкой на черный цвет (#000000). Перемещая курсор по экрану, вы будете видеть, как изменяется цвет фона, а окошко в центре будет показывать соответствующий hex-код этого цвета. Клик мышью создаст полоску текущего цвета с цифровым значением этого цвета.

Используя приложение, вы можете быстро увидеть многоаспектный характер цветов и отношения между цветами. Цвета палитрый представлены в 3d виде. Созданные палитры могут быть импортированы или экспортированы в Adobe Swatch Exchange (ASE). В ColoRotate есть свое сообщество, где можно просмотреть темы, созданные другими пользователями.

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

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

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

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

Абсолютно бесплатно и, что наиболее важно – онлайн, позволяет создавать и сохранять гармоничные цветовые сочетания, как автоматически, так и вручную. Пользуясь тремя ползунками RGB или HSV вы автоматически получаете гармоничное сочетание из шести цветов и затем можете настраивать их в соответствии со своим вкусом. Цвета автоматически представляются в виде цветового HTML кода и кода RGB, а также могут быть экспортированы в виде цветовых таблиц Photoshop (.ACT) и Illustrator (.EPS). Кроме того, есть функция сравнения цвета со стандартным понтонным. Свои палитры можно хранить прямо на сайте, задавая им удобные вам имена. Также на сайте можно найти массу готовых палитр на разные случаи жизни.

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

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

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

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

Как правильно использовать цвета в UI-дизайне

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

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

 

Базово о цветах

Сначала разберемся с терминами, которые относятся к теории цвета.

Вот основные:

Тон (hue): какого цвета объект (например, красный или синий).

Хроматичность (chroma): есть ли примеси белого или черного.

Насыщенность (saturation): как сильно цвет выражен.

Яркость (value): насколько цвет темный или светлый.

Тональность (tone): сколько серого добавили к чистому цвету.

Тень (shade): сколько черного добавили к чистому цвету.

Оттенок (tint): сколько белого добавили к чистому цвету.

Теперь к истории.

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

Цветовой круг Ньютона из книги «Оптика» 1704 года. Источник: wikipedia.org

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

Цветовой круг Иттена. Источник: doodleandsketch.com

Как работает цветовой круг

В базовый цветовой круг входит 12 цветов:

основные (первичные) — красный, желтый и синий

дополнительные (вторичные) — фиолетовый, оранжевый и зеленый

комбинированные (третичные) — смешение соседних цветов (например, оранжевый из красного и желтого)

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

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

Комплементарные цвета

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

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

В дизайне сайта WeWork использованы комплементарные синий и оранжевый.
Источник: wework.com

Аналоговые цвета

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

В недавнем редизайне Dropbox показал, как сочетать близкие оттенки — на новом сайте вместе стоят фиолетовый, синий и розовый.

На сайте Dropbox использовали цвета, которые сочетают не часто, и это сработало.
Источник: dropbox.com

Триадные цвета

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

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

Триадная желто-красно-голубая цветовая схема сайта Петера Оравица — зеленый тут тоже подключился.
Источник: peteroravec.com

Психология цвета

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

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

КРАСНЫЙ

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

Лендинг iPhone X (RED) — красный на красном. Источник: apple.com

ЖЕЛТЫЙ

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

Онлайн-магазин продуктов Headery на основе конопляного масла — все в желтых тонах.
Источник: headery.com

ОРАНЖЕВЫЙ

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

Оранжевый онлайн-магазин бренда Aloha — продуктов на основе растительного белка.
Источник: aloha.com 

СИНИЙ

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

Например, визуальный стиль Facebook как раз основан на оттенках синего. Но этот выбор объясняется не только «надежным» характером синего, но и тем, что Марк Цукерберг — дальтоник. Он не различает красный и зеленый, а вот синий видит.

Сине-белый сайт книги When the World Went Digital о главных событиях в веб-дизайне.
Источник: thehistoryofweb.design

ЗЕЛЕНЫЙ

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

Сайт американской студии дизайна Unboundary — в оттенках зеленого.
Источник: unboundary.com

РОЗОВЫЙ

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

Онлайн-магазин женской одежды Femme and Fierce в основных оттенках розового.
Источник: femmeandfierce.nl

ФИОЛЕТОВЫЙ

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

Лавандово-фиолетовый сайт креативного агентства Omelet. Источник: omelet.com

Как составить цветовую палитру

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

Цветовую палитру составляют из первичных, вторичных и акцентных цветов.

Вот как это происходит:

Источник: gfycat.com

ДОМИНИРУЮЩИЕ ЦВЕТА

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

ВТОРИЧНЫЕ ЦВЕТА

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

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

АКЦЕНТНЫЕ ЦВЕТА

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

Чтобы подбирать цвета было проще, вот бесплатные инструменты:

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

  • Coolors.co — чтобы создавать цветовые схемы по клику и смотреть тысячи палитр, созданных другими пользователями.

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

  • Colormind.io — чтобы подобрать цветовую схему и в режиме реального времени наложить ее на мокап лендинга.

Основные цветовые сочетания в веб-дизайне

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

АНАЛОГОВАЯ

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

Сайт Useless London, посвященный теме борьбы с отходами. Источник: useless.london

КОМПЛЕМЕНТАРНАЯ

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

Онлайн-магазин Kin Europhorics — бренда антистрессовых напитков.
Источник: kineuphorics.com

ГРАДИЕНТ

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

На сайте стриминга Spotify показали, как «перевести» желтый в персиковый.
Источник: spotify.com

АКЦЕНТ НА ФИРМЕННОМ ЦВЕТЕ

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

Онлайн-магазин постельного белья Casper с акцентом на синий. Источник: casper.com

МОНОХРОМНАЯ

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

Онлайн-магазин косметики для губ Axiology Beauty. Источник: axiologybeauty.com

ПАЛИТРА ПРИГЛУШЕННЫХ ЦВЕТОВ

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

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

Кофейные оттенки на сайте магазина кофе StumpTown Coffee. Источник: stumtowncoffee.com

СХЕМА ИЗ ОСНОВНЫХ ЦВЕТОВ

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

Красный, синий и желтый в дизайне сервиса знакомств Bumble. Источник: bumble.com

ВИНТАЖНАЯ ЦВЕТОВАЯ СХЕМА

Взять винтажные сочетания оттенков — хорошее решение, если хочется ретро-эстетики. Например, в схеме сайта для креативного агентства Five/Four дизайнеры использовали «старые» красный и желтовато-коричневый цвета, плюс усилили эффект зернистыми фото с сепией.

 
Винтажные акценты на сайте Five/Four — в фильтрах и основных цветах.
Источник: five-four.co

Чтобы создавать правильные винтажные сочетания, используй документальные референсы. Сервис Colorleap подбирает цветовые схемы по эпохам — от 2000 года до н. э. до 1960-х, беря за основу цвета исторических артефактов, картин, плакатов и афиш разных периодов.

15 отличных ресурсов для работы с цветом

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

Тут полный набор инструментов для работы с цветом в Web: переводы из одного цветового представления в другое, color picker, color chart и даже много туториалов про цвета.

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

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

Цвета, палитры,  паттерны – все вычисляется, делится, настраивается из заданной картинки. Очень удобный онлайн инструмент для работы с цветом. Убедитесь сами!

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

С помощью этого приложения вы можете увидеть многоаспектный характер цветов и отношения между ними. Все представлено в 3D виде. Свои палитры вы можете импортировать или экспортировать в Adobe Swatch Exchange. В ColoRotate есть свое сообщество, где можно просмотреть темы, созданные другими пользователями.

Главная “достопримечательность” этого ресурса – библиотеки цветов и возможность создавать свои. Приятный интерфейс и хорошо организованные функции. Зацените!

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

Пользуясь тремя ползунками RGB или HSV вы автоматически получите сочетание из шести цветов и затем сможете настраивать их как вам нравится. Цвета автоматически представляются в виде цветового HTML кода и кода RGB. Вы можете экспортировать их в виде цветовых таблиц в Photoshop и Illustrator.

Загружайте свое фото на этот ресурс, разложите его на пиксели и возьмите нужный вам  цвет, сохраните его и используйте!

24 сочных градиента от дизайнера Luke Davies.

 

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

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

Это тот инструмент, который всегда должен быть под рукой у дизайнера. Открывшийся сайт покажет вам пустой экран с единственной ссылкой на черный цвет (#000000). Перемещая курсор по экрану, вы будете видеть, как изменяется цвет фона, а окошко в центре будет показывать соответствующий hex-код этого цвета. Клик мышью создаст полоску текущего цвета с цифровым значением этого цвета.

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

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

Читайте также:

15 сайтов, которые взорвут ваш мозг

10 приложений с красивейшим дизайном

Как понять, что ваш дизайн завершен?

Color Hunt — Около

Что такое Color Hunt?

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

Для кого это?

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

Кто создает цветовые палитры?

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

Я создал палитру, почему она не отображается на главной странице Color Hunt?

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

Как работает система лайков?

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

Кто основал и руководит Color Hunt?

Color Hunt была основана Гал Шир, дизайнером и художником из Тель-Авива, страстным поклонником цветов. Гэл руководит Color Hunt с 2015 года с целью поделиться этой страстью со всем миром и предоставить удобный ресурс для дизайнеров и художников. Вы можете узнать больше о создании Color Hunt и о том, как этот побочный проект вырос от идеи до воплощения. Если у вас есть отзывы, предложения или возможности сотрудничества, обращайтесь по адресу [электронная почта защищена]

генератор цветовой палитры с ИИ

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

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



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

Цвета взяты из графических ресурсов Maplestory, двумерного скроллера начала 2000-х годов. Яркие мультяшные цвета, соответствующие игристому стилю игры.

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

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


Оставайтесь на связи

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


Советы по использованию

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

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


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


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


Как стратегически использовать цвет в дизайне веб-сайтов

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

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

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

1. Учитывайте культурный контекст

Хотя разные цвета имеют разное значение на индивидуальном уровне, определенные цвета также имеют глубоко укоренившееся культурное значение.Например, в западных культурах красный цвет привлекает внимание и означает опасность и срочность (подумайте о знаках остановки). Однако в некоторых восточных культурах, таких как Китай и Индия, красный цвет символизирует удачу. Другой пример: черный — это цвет смерти и траура в западных культурах. В некоторых восточных культурах аналогичный цвет — белый.

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

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

2. Изучение теории цвета

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

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

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

Основные, вторичные и третичные цвета на цветовом круге

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

Три основных цвета: красный, желтый и синий. При объединении первичные цвета образуют вторичные цвета.

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

Вторичные цвета — фиолетовый (красный + синий), зеленый (синий + желтый) и оранжевый (красный + желтый).Комбинирование вторичных цветов с первичными цветами создает третичные цвета.

Третичные цвета

Третичные цвета — это комбинации основных и вторичных цветов (например, красно-фиолетовый, желто-оранжевый, сине-зеленый и т. Д.)

Оттенки, оттенки и тона

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

Сравнение оттенков, оттенков и оттенков

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

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

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

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

Обязательно используйте средство проверки контраста! Контраст — большая часть доступности

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

Источник: Raw Studio

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

3. Используйте психологию цвета для передачи сообщений и ценностей бренда.

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

Цвета вызывают эмоции

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

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

Общие цветовые ассоциации

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

  • Красный : страсть, сила, любовь, опасность, возбуждение
  • Синий : спокойствие, доверие, компетентность, мир, логика, надежность
  • Зеленый : здоровье, природа, изобилие, процветание
  • Желтый : счастье, оптимизм, творчество, дружелюбие
  • Оранжевый : веселье, свобода, тепло, комфорт, игривость
  • Фиолетовый : роскошь, загадочность, изысканность, верность, творчество
  • Розовый : забота, мягкость, искренность , тепло
  • Коричневый : природа, безопасность, защита, поддержка
  • Черный : элегантность, сила, контроль, изысканность, депрессия
  • Белый : чистота, покой, ясность, чистота

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

4. Создайте цветовую палитру

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

Coca-Cola с гордостью демонстрирует свой яркий красный цвет

Повторим предыдущий пример: бренд The ​​Coca-Cola Company взял свой основной цвет, яркий красный, и использовал его. Цвета на их веб-сайте и рекламе. Единственные другие цвета в их палитре — черный и белый, которые используются для текста. Красный ассоциирует Coca-Cola с чувствами возбуждения, любви и тепла. Зеленый цвет

Whole Foods идеально сочетается с миссией их компании.

Whole Foods использует землисто-зеленый в качестве основного цвета.Как и Coca-Cola, Whole Foods демонстрирует свой фирменный цвет на всем своем веб-сайте. Зеленый цвет прекрасно сочетается с ценностями и клиентурой Whole Foods: здоровьем, природой и изобилием.

Lowe’s темно-синий символизирует доверие и надежность.

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

Типы цветовой палитры

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

Аналогичные

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

Аналогичные цвета расположены очень близко друг к другу на цветовом круге

Источник: Emme

Монохроматический

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

Монохроматические цвета в основном связаны с изменением яркости.

Источник: Rosaluna

Triad

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

Триадные цвета равномерно распределены на цветовом круге

Источник: Parse

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

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

Дополнительные цвета противоположны друг другу на цветовом круге Источник: Aerial

Разделение дополнительных цветов

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

тонн премиальных брендов, использующих эту цветовую комбинацию!

Источник: Shelby Kay

Как использовать цветовые палитры в дизайне веб-сайтов

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

Для начала я рекомендую выбрать для вашей палитры три цвета: основной (или основной) цвет , вторичный цвет и акцентный цвет . Затем используйте правило 60/30/10 , чтобы применить эти цвета в дизайне своего веб-сайта. Согласно этому правилу 60% используемого цвета должно быть основным, 30% — второстепенным и 10% — акцентным. Имейте в виду, что черный и белый тоже считаются цветами. Ниже приведены несколько примеров потрясающих веб-сайтов, которые используют правило цвета 60/30/10.

Доминирующий фиолетовый с бирюзовым акцентом

Spendesk использует фиолетовый как основной цвет, белый как вторичный и бирюзовый как акцентный цвет.

Доминирующий зеленый цвет в паре с красивым лососем в качестве акцента.

Greenlist использует зеленый как основной цвет, белый как вторичный и розовый как акцентный цвет.

Demuxed выводит с желтым и пары с черным и белым

Demuxed использует желтый как основной цвет, черный как вторичный и белый как акцентный цвет.

Важное замечание по поводу правила 60/30/10 заключается в том, что на самом деле это скорее руководство, чем правило. Например, вы можете включить в свою палитру более трех цветов. Главный вывод — сосредоточиться на основном цвете и использовать другие цвета для разделения элементов, создания контраста и выделения важных деталей.

Освойте использование цвета в дизайне веб-сайтов с помощью нашего курса

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

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

Цветовые схемы веб-сайта 2021 | PicMonkey

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

Нет двух одинаковых цветовых схем, и было бы безответственно сказать, что «схема ABC» гарантированно работает с «XYZ», несмотря ни на что. Вместо этого мы собрали inspo, чтобы вы задумались о цветах своего веб-сайта в этом году.Чтобы упростить задачу, мы сгруппировали наши примеры по категориям, в которых легко перемещаться. Нажмите на один из них, используя приведенное ниже содержание, или начните сверху и двигайтесь вниз.

Минималистичные идеи цветовой схемы веб-сайта

«Простота — это высшая изощренность». — Леонардо да Винчи

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

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

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


Смелые идеи цветовой схемы веб-сайта

«Двери откроются для тех, кто достаточно смел, чтобы стучать». — Тони Гаскинс

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

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

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


Футуристические идеи цветовой схемы веб-сайта

«Если вы хотите чего-то нового, вам нужно перестать делать что-то старое». — Питер Ф.Drucker

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

Как и Daily Bloom, EarCOUTURE использует спектр цветов, чтобы направить нас в будущее. Фактически, именно эта смесь основных и второстепенных цветов — красного, синего, желтого, зеленого, черного, белого — и сопровождающих их оттенков создает зрелище; чего-то, чего мы не видели, чего-то неизвестного.Что-то футуристическое.

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


Идеи мягкой цветовой схемы веб-сайта

«Все, что мы делаем, наполнено энергией, с которой мы это делаем. Если мы безумны, жизнь будет безумной. Если мы будем мирными, жизнь будет мирной ». — Marianne Williamson

Цветовая палитра United Earth Space Force безмятежная, с преобладанием кремового белого и земного синего.Каждый цвет получает свое время в центре внимания.

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

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


Профессиональные идеи цветовой схемы веб-сайтов

«Без профессионализма я был бы дилетантом. И клиенты, которых я хочу, не нанимают любителей ». — Дэвид Эйри

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

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

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


Эклектичные цветовые решения для веб-сайтов

«Вдохновения не терпится, его нужно искать в клубе.”- Джек Лондон

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

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

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


Натуралистические идеи цветовой схемы веб-сайта

«Загляните в природу, и тогда вы все поймете лучше». — Альберт Эйнштейн

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

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

Роскошные солнцезащитные продукты Rudolph Care подчеркнуты сбалансированным сочетанием нейтральных тонов и насыщенного контрастного оранжевого цвета.


Изысканные идеи цветовой схемы веб-сайта

«Настоящий класс никогда не получит высшей оценки… потому что его класс бесконечен ». — Дениз Ньюсом

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

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

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


Идеи цветовой схемы художественного веб-сайта

«Рисование — это видение на бумаге». — Эндрю Лумис

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

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

Как и Mount In, Master использует аутентичные и яркие цвета, которые оживляют его иллюстрации. Безмятежный бирюзовый цвет моря на фоне светло-коричневых гор создают гостеприимную атмосферу, достойную присоединения.


Идеи чистых цветовых схем веб-сайта

«Чистоту можно определить как чистейшую эмблему разума». — Джозеф Аддисон

Чистые цвета делают дизайн веб-сайта TIDES домашним. Синий и черный эффектно дополняют друг друга. Добавление белого к синему способствует чистому виду (не говоря уже о том, что дизайн синего напоминает реку или ручей). Волнистая линия желтого цвета добавляет акцента.

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

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

Изучите цвета для вашего следующего дизайн-проекта:

7 правил выбора потрясающей цветовой схемы веб-сайта

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

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

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

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

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

39 вдохновляющих цветовых схем веб-сайта, которые пробудят ваши творческие способности

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

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

Хотите узнать о главных тенденциях веб-дизайна 2021 года?

I. Мягкие и бледные цветовые схемы веб-сайта: Feelin ’Comfy

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

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

1. Beauregard

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

  • ISABELLINE
  • БЫСТРЫЙ СЕРЕБРЯНЫЙ
  • AUROMETALSAURUS
  • СВЕТЛО-СЕРЫЙ
  • ЧЕРНЫЙ ОЛИВКОВЫЙ

2. Фонд Squilla

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

  • ЧЕРНО-СИНИЙ
  • ЛУННЫЙ КАМЕНЬ
  • СИНИЙ ПОРОШОК
  • ВОЛШЕБНАЯ МЯТА
  • БЕЛЫЙ ДЫМ

3. Либенар

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

  • СНЕГ
  • РОЗОВЫЙ ИСПАНСКИЙ
  • ПЫЛЬНАЯ БУРЯ
  • МЫЛО
  • ЯЛЕ-СИНИЙ

4.Mont Roucous

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

  • КАРОЛИНА СИНИЙ
  • ПАСТЕЛЬНЫЙ РОЗОВЫЙ
  • ЧАЙНАЯ РОЗА
  • МАКСИМАЛЬНЫЙ СИНИЙ ФИОЛЕТОВЫЙ
  • СИНИЙ
  • ОРГАНИЗАЦИЯ ОБЪЕДИНЕННЫХ НАЦИЙ

5. Ковбойские велосипеды

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

  • ЛАВАНДОВАЯ РУМАЯ
  • ЧАЙНАЯ РОЗА
  • РОЗОВОЕ ЗОЛОТО
  • КРАСНЫЙ РАДИКАЛЬНЫЙ
  • СВЕТЛО-ФРАНЦУЗСКИЙ БЕЖЕВЫЙ

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

6. Сахель

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

  • ТЕМНОЕ ЗОЛОТО
  • ТАН
  • ПЫЛЬНАЯ БУРЯ
  • БЕЛЫЙ ДЫМ
  • VAN DYKE КОРИЧНЕВЫЙ

7. Я и мистер Дарси

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

  • МИНДАЛЬ
  • РОЗОВЫЙ ШАМПАНСКИЙ
  • СРЕДНИЙ ФИОЛЕТОВЫЙ
  • КОБИ
  • СОЛНЕЧНИК

8.Спасаем воздух

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

  • AERO СИНИЙ
  • ОРХИДЕЯ СВЕТЛАЯ СРЕДНЯЯ
  • HONEYDEW
  • СВЕТЛЫЙ КОРАЛЛ
  • ШЕЛК НЕБЕЛЫЙ

9. Менд Зельцер

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

  • ПЛАТИНОВЫЙ
  • ТАНГО РОЗОВЫЙ
  • ОРАНЖЕВО-ЖЕЛТЫЙ
  • ЯЩИК ДЛЯ ИНСТРУМЕНТОВ
  • ЯРКАЯ ЛАВАНДА

Inspiring Website Цветовые схемы красочные пастельные тона сайт

10. Лобстер

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

  • ЯРКИЯ
  • СИНИЙ ПОРОШОК
  • ЗЕЛЕНО-СИНИЙ
  • БЕЛЫЙ
  • РОЗОВЫЙ ФАНДАНГО

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

II. Пастельные и землистые цветовые схемы веб-сайта: навеяны природой

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

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

11. Лечение ногтей

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

  • ПЛАТИНОВЫЙ
  • ЧЕРЕПАХА ЗЕЛЕНЫЙ
  • СЕРЫЙ-СИНИЙ
  • ТАН
  • КОКОС
12. Горный человек

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

  • БЕЛЫЙ ЗОЛОТО
  • ОЛЕНЬ
  • АРТИШОК
  • ТЕМНО-КОРИЧНЕВЫЙ-ТАНГЕЛО
  • СОЛОМА

Вдохновляющий веб-сайт Цветовые схемы ретро-цвета веб-сайт

13.Андрис Горакс

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

  • ПУСКИ СИНИЙ
  • ФРАНЦУЗСКИЙ НЕБО-СИНИЙ
  • АЛИСА СИНИЙ
  • БЕЛЫЙ
  • МЕДЬ
14. Зеленый органический голландец

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

  • BISTRE
  • VEGAS GOLD
  • ПУСТЫННЫЙ ПЕСОК
  • БЕЛЫЙ
  • ЛАДОНИ

15. 10 × 18

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

  • БЕЛЫЙ ДЫМ
  • ГЛУБОКОЕ КОСМИЧЕСКОЕ ИСКРЫТИЕ
  • ПЕСОЧНО-КОРИЧНЕВЫЙ
  • ПАСТЕЛЬ ОРАНЖЕВЫЙ
  • СВЕТЛЫЙ КОРАЛЛ

Реклама

16.Адриан Лоран

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

  • ПЫЛЬНЫЙ БУРЯ
  • УПЛОТНЕНИЕ КОРИЧНЕВОЕ
  • ОРАНЖЕВЫЙ (PANTONE)
  • БЕЛЫЙ МЕДНЫЙ
  • ЛЕН

Вдохновляющие цветовые схемы веб-сайта в теплых тонах

17. Бронзовая коллекция от Bang Olufsen

Сайт о спикерах в красивом художественном стиле — бронзовая тематика.Бронза — это знаменитый сплав металлов, который воплощается в веб-дизайне, пробуждает элегантность и изысканность. Цвета в этой палитре:

  • ACAJOU
  • СТАРОБОРДОВЫЙ
  • БЕЛЫЙ
  • ИНДИЙСКИЙ ЖЕЛТЫЙ
  • РУССЬ

Вас также могут заинтересовать 30 идей дизайна веб-сайтов электронной коммерции для вашего интернет-магазина

III. Яркие и смелые цветовые схемы веб-сайта: кричащие о внимании

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

18. MA-TEA

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

  • РАЙСКИЙ РОЗОВЫЙ
  • КОСМИЧЕСКИЙ КОБАЛЬТ
  • AUREOLIN
  • КЕЛЛИ ГРИН
  • Шалфей

19. Мяу Волк

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

  • AUREOLIN
  • AERO
  • MANTIS
  • СВОБОДА
  • РОЗОВЫЙ МЕКСИКАНСКИЙ

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

  • РАЙСКИЙ РОЗОВЫЙ
  • ПАЛАТИНАТ СИНИЙ
  • ПОЛУНОЧНО-СИНИЙ
  • ТЕМНАЯ ОРХИДЕЯ
  • RICH ELECTRIC СИНИЙ

21. Анимат Креатик

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

  • КОБИ
  • HAN ФИОЛЕТОВЫЙ
  • СРЕДНЕ-СИНИЙ
  • МАКСИМАЛЬНЫЙ ЖЕЛТЫЙ
  • руб.

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

22. Счастливый Интернет

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

  • ЯНКИ СИНИЙ
  • СИНИЙ ПИКТОР
  • ФОЛЛИ
  • ОРАНЖЕВЫЙ (WEB)
  • СРЕДНИЙ МОРСКИЙ ЗЕЛЕНЫЙ

23. Саммит Грамаду

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

  • ЦЕРИЗ РОЗОВЫЙ
  • ГРУША
  • СИНИЙ ПИКТОР
  • УЛЬТРАМАРИНОВЫЙ СИНИЙ

24.La Phase 5

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

  • RICH CARMINE
  • ЗОЛОТОЙ МАК
  • КАРОЛИНА СИНИЙ
  • МОРСКОЙ ЗМЕИ
  • ISABELLINE

25. Синдикат ICO

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

  • ЦВЕТОЧНЫЙ БЕЛЫЙ
  • банановая мания
  • БЕЗОПАСНЫЙ ЖЕЛТЫЙ
  • MAUVE
  • БОГАТАЯ ЛАВАНДА

26. Securinvest

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

  • ПОЛУНОЧНО-СИНИЙ
  • ГОЛУБОЙ
  • БЕЛЫЙ РОЗОВЫЙ
  • МАНДАРИН
  • СРЕДНИЙ АКВАМАРИН

27. HtmlBurger

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

  • ЖЕЛТЫЙ (CRAYOLA)
  • ГЛУБОКИЙ МОРКОВНЫЙ АПЕЛЬСИН
  • ВЕРМИЛИОН
  • AERO
  • НЕБЕСНЫЙ СИНИЙ
28.Сочная еда

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

  • AUREOLIN
  • КОРОЛЕВСКИЙ ФИОЛЕТОВЫЙ
  • БЕЛЫЙ АНТИВСПЫШКА
  • БЕЛЫЙ
  • ОКСФОРД СИНИЙ

IV.Темные и драматические цветовые схемы веб-сайта: разгадывайте тайну

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

29. Зеркало My 360

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

  • ONYX
  • ТАУП СЕРЫЙ
  • БЕЛЫЙ ДЫМ
  • КОРОЛЕВА СИНИЙ
  • СРЕДНЯЯ БИРЮЗА
30. Марго Леруа

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

  • KEPPEL
  • GUNMETAL
  • НАРУЖНОЕ ПРОСТРАНСТВО
  • МЫШЬ
  • РИТМ

31.Иван Ибаньес

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

  • ТЕЛЕЖКА СЕРЫЙ
  • ТЕМНО-ФИОЛЕТОВЫЙ
  • СВЕТЛО-СЕРЫЙ
  • ДЭВИ СЕРЫЙ
  • JET

32. Производство Португалия

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

  • БЕЛЫЙ
  • ИСПАНСКИЙ СЕРЫЙ
  • ВИНТОВКА ЗЕЛЕНЫЙ
  • ЖАРАЧНЫЙ ЧЕРНЫЙ
  • ПОСТОЯННОЕ ГЕРАНИЕВО ОЗЕРО
33. Microsoft в цифрах

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

  • ЧАРЛСТОН ГРИН
  • ТЕМНАЯ ПЕЧЕНЬ
  • СВЕТЛО-СЕРЫЙ
  • РОЗОВАЯ ОРХИДЕЯ
  • ЧАЙНАЯ РОЗА

Вы хотите проверить несколько удивительных примеров параллакса CSS?

В.Цветовые схемы монохромных веб-сайтов: один цвет для победы

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

34. Ефрем Иосиф

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

  • ИНДИГО КРАСИТЕЛЬ
  • СИНИЙ ОКЕАН
  • ЯЩИК ДЛЯ ИНСТРУМЕНТОВ
  • ДЕТСКИЙ ПОРОШОК
  • ПАЛЕ АКВА

35. Джин Whitetail

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

  • БЕЛЫЙ
  • ЯРКИЯ
  • ОКСФОРД СИНИЙ
  • PAYNE’S GREY
  • КОРОЛЕВСКИЙ СИНИЙ

36. Fitspirit Fashion

.

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

  • ТИРИАНСКИЙ ПУРПУРНЫЙ
  • АМАРАНТ ГЛУБОКИЙ ФИОЛЕТОВЫЙ
  • СРЕДНИЙ ФИОЛЕТОВЫЙ
  • ЛАВАНДОВАЯ РУМАЯ
  • ГОЛЛИВУДСКИЙ ЦЕРИЗ

37.Sikkema

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

  • МАНДЕРИН
  • СЕЛЕКТИВНЫЙ ЖЕЛТЫЙ
  • ПЕСЧАЯ
  • МИНЬОН ЖЕЛТЫЙ
  • АРОМАТ

38. Готэм-Сити

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

  • ТАУП СЕРЫЙ
  • ИЗЮМ ЧЕРНЫЙ
  • ТЁМНЫЙ СЕРЫЙ
  • СЕРЕБРЯНЫЙ
  • РЕГИСТРАЦИОННЫЙ ЧЕРНЫЙ

39. Аджа Уилсон

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

  • БЕЛЫЙ АНТИВСПЫШКА
  • СВЕТЛО-СЕРЫЙ
  • СТАРАЯ ЛАВАНДА
  • ИЗЮМ ЧЕРНЫЙ
  • ФИОЛЕТОВЫЙ ТАУП

Вот и все!

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

Возможно, вам будет интересно прочитать эти статьи по теме:

Реклама

Полное руководство, которое вам нужно

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

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

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

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

Что нужно учитывать при выборе цветовых схем веб-сайта

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

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

  • Цвета определяют, купит ли покупатель продукт в 85% случаев
  • 90% времени именно цвета помогают привлечь новых клиентов
  • Цвета влияют на подсознательные суждения на 60-90%
  • Цвет усиливается узнаваемость бренда на 80%
  • Цвет может привлекать и удерживать внимание покупателя в 3 раза дольше, чем черно-белый

Вот несколько советов, которые помогут сделать цветовые схемы веб-сайта привлекательными:

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

Перейти к разделам статьи

  1. Синие цветовые схемы веб-сайтов
  2. Красные цветовые схемы веб-сайтов
  3. Желтые цветовые схемы веб-сайтов
  4. Зеленые цветовые схемы веб-сайтов
  5. Черно-белые цветовые схемы веб-сайтов
  6. Пастельные цветовые схемы веб-сайтов
  7. Сочетание цветов Цветовые схемы веб-сайтов
  8. Генераторы цветовых палитр

Синие цветовые схемы для веб-сайтов

Крошечный

Компания, стоящая за этим элегантным веб-сайтом, покупает Интернет-бизнес.Он имеет синий фон с контрастным белым текстом. Цвет акцента — темно-синий.

iFly 50

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

Ankr

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

Ahrefs

Ahrefs использует синий цвет на 60% веб-сайта.Белый цвет используется в 30% случаев и контрастирует с синим. А на оранжевый цвет акцента приходится 10%.

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

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

Наслаждайтесь образованием

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

Уайттейл Джин

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

NHS

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

Темно-синий

Dark Blue — студия цифрового производства, базирующаяся в Лондоне. Дополняя свое название, веб-сайт использует темно-синий цвет в качестве фона. Анимации и фотографии также содержат синий цвет.

Ткацкий станок

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

Выемка

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

Любовь к Исландии

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

Grand Matter

Grand Matter — хороший пример двухцветной цветовой схемы веб-сайта.Цветовая палитра включает темно-синий и светло-розовый.

Андрис Гауракс

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

BlueReceipt

BlueReceipt использует яркий оттенок синего и темный оттенки для текста, CTA и анимации.

Точечное легкое

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

Готово

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

Тим Гровер

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

Бенедиктас Гилис

Бенедиктас Гилис выбрал лаконичную цветовую схему.Темно-синий является основным цветом, а красновато-коричневый — второстепенным.

Креативные монетные дворы

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

Красный Цветовая схема веб-сайта

NUGGS

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

Sourisseaux Partners

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

Kloaq

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

Brand Aid

Brand Aid использует на своем веб-сайте ярко-красный цвет. Красный — это цвет фона при первом входе на сайт. Он также используется для кнопок анимации и призыва к действию.

вверх

Up — цифровой банк. Он использует коралловый цвет фона и ярко-желтый цвет акцента для текста и CTA.

Полевое руководство по веб-дизайну

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

Эмме

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

Эй, лапша

Hey Noodles использует смелые цвета. Красный и желтый цвета логотипа отображаются по всему сайту.

Партнеры по передаче данных

Data Partners предоставляет маркетинговые решения компаниям из списка Fortune 1000.Ярко-оранжевый подчеркивает важные аспекты и призывы к действию веб-сайта.

Без прядения

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

Пицца Пицца

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

MKJ Creative

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

Сплайн

На целевой странице Spline на ярко-красном фоне отображаются черные буквы. По мере прокрутки вниз красный цвет превращается в черный фон с белыми буквами.

Портал CVI Холодильники

Красный цвет на этом сайте яркий. Он выделяет призывы к действию и добавляет яркости.

Прогресс Парад

Progress Parade предоставляет специализированных наставников.Красный оживляет анимацию этого сайта. Он также используется для CTA и текстовых заголовков. Использование цвета на этом веб-сайте создает организованный и привлекательный вид.

Дизайн Trionn

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

KitKat

Все узнают KitKat по красной упаковке. Соответственно, этот сайт весь красный.

Завуалированная судьба

Veiled Fate представляет собой стратегическую игру.Целевая страница имеет розово-красный цвет. При прокрутке вниз основными цветами становятся серый и светло-коричневый.

Зеленый лук

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

Кафе Руж

Cafe Rouge — это сайт французского бистро. Темно-красный привлекает внимание к CTA. Темно-красный также используется в каждой секции в качестве акцентного цвета.

Work & Co

Work & Co разрабатывает цифровые продукты, которые меняют компании. Красный цвет присутствует в дизайне этого веб-сайта в минимальном масштабе. При наведении курсора на черные буквы они становятся красными. Красный также появляется в CTA.

Желтые цветовые схемы веб-сайтов

Разъёмная комплектация 2020

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

Синдикат ICO

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

Сделайте лимонад

Дополняя свое название, этот веб-сайт выполнен в желтой цветовой гамме. В анимации этого веб-сайта появляются разные оттенки желтого.А фон — сплошной желтый.

думаю медведь

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

Алдай

Alday — это бренд брюк, созданный для удобства. Цвета веб-сайта яркие, предпочтительны ярко-желтый и синий. В сочетании с параллаксной прокруткой это создает игривый и привлекательный веб-сайт.

Путевая точка

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

youbringfire

Youbringfire — это веб-сайт независимого дизайнера Скотта Бирсака. Целевая страница включает ярко-желтый фон и черные буквы.

Шелби Кей

Шелби Кей (Shelby Kay) — внештатный разработчик интерфейсов.Несколько цветов образуют цветовую схему сайта. Комбинация привлекательная и организованная.

Lordz

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

Лунная выставка

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

Адам Хартвиг ​​

На этом веб-сайте представлено портфолио дизайнера Адама Хартвига. Он имеет желтый фон и белые буквы с эффектами параллакса.

Проект «Крутой»

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

Ритуал

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

Малый Cos.

Small Cos. Перечисляет вакансии в небольших компаниях. Дизайн сайта прост. Бледно-желтый цвет привлекает внимание к анимации. При прокрутке вниз список вакансий выделяется светло-розовым цветом. Внизу страницы снова отображается бледно-желтая анимация.

Croscon

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

MateCaps

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

Creative Spark

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

Pebble Naturals

Pebble Naturals использует несколько цветов. Желтые, голубые и розовые полосы на страницах сайта.

Дизайн Identix

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

Лимонный пирог

Lemonpie, ранее известное как Be My Guest, — агентство по производству подкастов.В соответствии со своим названием и логотипом Lemonpie использует желтый цвет на всем своем веб-сайте. Желтым цветом выделены важные фразы. Баланс желтого, черного и белого обеспечивает приятную эстетику.

eeerik

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

Mooze Design

Mooze Design — веб-сайт портфолио агентства. Огромный логотип по центру целевой страницы приветствует посетителей.Ярко-желтый цвет заполняет фон всего веб-сайта.

WØRKS

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

Зеленые цветовые схемы веб-сайтов

Отходы Нет

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

Природа делает нас счастливыми

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

Обучаемый

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

Гекокард

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

Гели

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

Hopewell Brewing

Hopewell Brewing — это крафтовая пивоварня. На сайте преобладает темно-зеленый цвет.Светло-розовый акцентный цвет создает приятное сочетание цветов.

Смиренно здоровый

Scumbly Healthy — это веб-сайт, на котором рассказывается о растительной кухне. В нем используются три основных цвета. Темно-зеленый — преобладающий цвет. Темно-синий и светло-персиковый цвета дополняют зеленый и используются для текста и призывов к действию.

Фактор

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

Ferrumpipe

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

Взлетно-посадочная полоса, ML

RunwayML имеет в основном черный фон, но зеленые вкрапления оживляют этот веб-сайт.

Веб-разработка | Диего Диас

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

Практика

Этот веб-сайт открывается с зеленым глазом, который следует за вашим указателем. Фон зеленый с белым текстом. Зеленый цвет появляется на всем веб-сайте.

Бязь

Calico исследует старение. Сайт открывается на зеленом фоне с графикой нейронов. Зеленый цвет появляется на всем веб-сайте как акцентный цвет и помогает в организации.

RipePlanet

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

Кодибокс

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

WUNDER

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

Маркус

Markus — рекламное агентство. Целевая страница открывается на желтовато-зеленом фоне с черными буквами.

Отделение тростникового искусства

У Reed Art Department простой веб-сайт. У него сероватый фон с зеленой окантовкой по всему периметру. При наведении курсора пункты меню выделяются зеленым.

Цветовые схемы черно-белого веб-сайта

Хорошая мера

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

Студия Bjork

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

Зыбучие пески

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

Duft & Co.

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

Статус

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

Обычный

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

Натуральный

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

Креативное агентство G2K

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

Хохбург. Дизайн Force

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

Стекло

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

Маддад

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

ТВОРЧЕСКИЙ ПАРК

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

Воррел Прендергаст младший

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

Routalempi

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

Boynton Yards

При входе на веб-сайт Boynton Yards белый текст отображается на черном фоне. При прокрутке вниз цвета меняются местами. Черно-белая цветовая схема веб-сайта поддерживает простой и чистый веб-дизайн.

Пастельные цветовые схемы для веб-сайтов

Northstar

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

HETIME

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

Mailchimp представляет

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

Rideshur

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

Гаджинский

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

Ефрем Иосиф

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

Точечный

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

Очки Lunet

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

Ла Пьер Куи Турн

У этого сайта простой и приятный дизайн.Использование пастельно-зеленого, розового и желтого цветов делает этот сайт ярким.

Перелив

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

Студия создания двух

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

Эль Райо Текила

El Rayo Tequila использует множество пастельных тонов, чтобы сосредоточить внимание на текиле.

Происхождение

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

РуэдаФильм

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

Кроссовки Freaker

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

Санне Вейбенга

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

Сочетание цветов для веб-сайтов Цветовые схемы

Керамика Helbak

На этом сайте продается керамика от Malene Helbak. Цвета фона подчеркивают и дополняют цвета продаваемой керамики.

Факультет

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

Промышленный город

На веб-сайте

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

Аяка Б. Ито

На сайте

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

уровень

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

Bizzon

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

Вина Моллидукер

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

Ресторан на набережной

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

Базиевые ароматы

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

Под

W * nder — это газированный напиток, насыщенный витаминами и CBD.Бутылки горят оранжевым, желтым, бирюзовым и синим цветом в зависимости от времени суток, в которое вы должны его пить. Те же цвета появляются на всем веб-сайте, создавая организованный и привлекательный макет.

Tens Солнцезащитные очки

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

Анимация

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

Пабло Фламинго

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

Финн

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

Bonhomme

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

Rainbo

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

Шейпфест

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

Генераторы цветовой палитры

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

Adobe Color CC

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

Coolors

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

Colormind

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

Палетон

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

Color Hunt

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

ColorDrop.io

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

ColorSpace

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

Завершение мыслей об этих цветовых схемах веб-сайта

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *