Аналогова колірна схема

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

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

30 градусів - традиційний вибір для аналогічних схем і добре працює для більшості дизайнів. Використовуйте 15 градусів для тоншої, більш щільно згрупованої палітри, або 45 градусів для ширшого розкиду, що починає вносити більше контрасту.

Так, скористайтеся «Копіювати як CSS-змінні», щоб скопіювати готовий до вставлення блок :root з кожним кольором як власною властивістю, чи «Копіювати як список HEX», щоб скопіювати лише hex-коди, по одному на рядок.

Доповнюючі схеми поєднують колір з його протилежністю на колі (на відстані 180 градусів) для високого контрасту, а тріадні схеми використовують три кольори, рівномірно розташовані на відстані 120 градусів. Аналогічні схеми натомість тримають всі кольори близько один до одного, віддаючи перевагу гармонії над контрастом.