Темні відтінки (низька яскравість)

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

Світлі відтінки (висока яскравість)

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

Тон кольору (насиченість)

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

Холодні відтінки

Кольори поділяються на 2 групи за їхньою температурою: теплі і холодні . До теплих кольорів належать жовтий , помаранчевий та червоний . Холодним кольором є синій . Визначення кольорової температури не є остаточним і досить відносним. Наприклад, кожен колір може мати теплу і холодну версії. У данному випадку ми змішуємо обраний колір з блакитним кольором, таким чином отримуємо більш холодні відтінки.

Теплі відтінки

На цій палітрі ми змішуємо обраний колір з червоним кольором, щоб отримати більш теплі відтінки. Кольорова температура прямо пов'язана з психологією кольору. Традиційно, теплі кольори асоціюються з емоційною теплотою і співчуттям, тоді як холодні кольори - з логікою і серйозністю. Наприклад, багато логотипів у харчовій промисловості виконані в теплих відтінках, таких як жовтий, помаранчевий і червоний, оскільки вони звертаються до наших емоцій (включаючи почуття голоду ). З іншого боку, бізнес-логотипи часто виконані в холодних відтінках, включаючи будь-які варіації синього, оскільки вони створюють враження серйозності і раціоналізму.