цвета

school_flashfamily

теория

тильда гуру

school_flashfamily

RGB — излучаемая цветовая модель (образуется за счёт интенсивности свечения) в основе которой лежат красный зеленый и синий цвет. Выражается в формате 0−255 в десятичной системе счисления

R120 G50 B10

тильда гуру

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

#FFE100

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

C 70 M20 Y100 K10

school_flashfamily

тильда гуру

цветовая гармония

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

school_flashfamily

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

тильда гуру

school_flashfamily

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

тильда гуру

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

school_flashfamily

тильда гуру

school_flashfamily

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

тильда гуру

Контрастные сочетания цветов, расположенные на противоположных сторонах хроматического круга

school_flashfamily

тильда гуру

school_flashfamily

триадное сочетание

тильда гуру

Контрастные сочетания цветов, расположенные на противоположных сторонах хроматического круга

school_flashfamily

тильда гуру

school_flashfamily

тильда гуру

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

в вебе

school_flashfamily

тильда гуру

не учитывая этнокультурную символику цвета

настроение цвета

Лидерство, энергия, мощь, сила, страсть, желание

Агрессия, злость
опасность, запрет

+

−

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

Холод, страх

+

−

school_flashfamily

тильда гуру

school_flashfamily

тильда гуру

не учитывая этнокультурную символику цвета

настроение цвета

Дружелюбие, доброта

Лень, власть

+

−

Свобода, духовность, здоровье,
защита, утонченность

Слабость

+

−

school_flashfamily

тильда гуру

school_flashfamily

тильда гуру

не учитывая этнокультурную символику цвета

настроение цвета

счастье, радость, удовольствие, веселье, интеллект

Неуверенность, нестабильность
безответственность

+

−

Благородство, царственность, духовность, роскошь, богатство

Таинственность, печальность

+

−

school_flashfamily

тильда гуру

school_flashfamily

тильда гуру

цветовой контраст

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

school_flashfamily

тильда гуру

высокий контраст

school_flashfamily

тильда гуру

низкий контраст

school_flashfamily

тильда гуру

адаптивность
под мартицы

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

school_flashfamily

тильда гуру

светло-серый
фон

#f5f5f5

#fafafa

school_flashfamily

тильда гуру

безопасные
цвета

school_flashfamily

тильда гуру

Adobe color

палитры

Палитры с пинтерест

Референсы

school_flashfamily

тильда гуру

flash_family

спасибо :)

school_flashfamily

flashfamily

school.flashfamily

тильда гуру