W3.CSS Кольорові схеми

Кольорові схеми

Кольори, які використовуються в дизайні вебсайту, часто називають кольоровою схемою:

Мета колірної (кольорової) схеми – створити естетичне відчуття стилю та привабливості.

Монохроматичні / Однотонні

Аналогічні / Подібні

Комплементарні / Додаткові

Докладніше про колірні схеми...

Ахроматичні колірні схеми

Ахроматична колірна схема чорного на білому є схемою кольорів за замовчуванням для вебсторінки:

Ахроматичній колірній схемі "біле на чорному" часто надається перевага для менших пристроях:

Біле на чорному потребує менше енергії (покращує час роботи акумулятора) у більшості технологій відображення.

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

Монохроматичні колірні схеми використовують одну ширину кольору, різні додавання чорного, сірого та білого.

Колірну схему вище було створено генератором кольорів W3.CSS.

Монохроматичні кольорові схеми часто мають більш витончену та спокійну енергію, особливо синього чи зеленого кольорів.

У розділі Колірні теми W3.CSS ви знайдете багато монохроматичних кольорових тем.

Ви можете прочитати більше про колірні схеми в розділі Кольорові схеми в Підручнику з кольорів на нашому сайті W3Schools українською.

Схеми кольорів плоского дизайну

Теорія плоского дизайну розглядається в розділі Тренди W3.CSS.

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

Колірні схеми, які використовуються в W3.CSS, натхненні Google Material Design:

Більше кольорових схем плоского дизайну...