Кольорове коло · Комплементарні · Тріадні · Тетрадні · Аналогічні · Теорія HSL
Досліджуйте схеми гармонії кольорів на кольоровому колі. Комплементарні (180°), тріадні (120°), тетрадні (90°), аналогічні (30°). Зрозумійте кольорові простори HSL та RGB і як художники використовують правила гармонії для створення привабливих палітр.
HSL кодує колір як Відтінок (0–360° по кольоровому колу), Насиченість (0–100% від сірого до яскравого) та Яскравість (0–100% від чорного до білого). Він відокремлює хроматичні від ахроматичних властивостей, що спрощує обчислення гармонії: H₂ = H₁ + зсув. RGB визначає колір через інтенсивність червоного, зеленого, синього.
Комплементарна: H±180° — максимальний контраст. Тріадна: H, H+120°, H+240° — збалансована. Тетрадна: H, H+90°, H+180°, H+270° — різноманітна. Розщеплено-комплементарна: H, H+150°, H+210° — контраст без напруги. Аналогічна: H±30° — гармонійна, природна. Монохроматична: той самий відтінок, різні L та S.
Сусідні кольори зміщують один одного's сприйнятий відтінок і яскравість (Іттен, Альберс). Сірий квадрат виглядає по-різному на червоному і синьому тлі. Теплий/холодний контраст: теплі кольори (червоний, помаранчевий) здаються ближчими, холодні (синій, зелений) — далі. Розуміння цих ефектів допомагає дизайнерам.
Натисніть кнопку схеми гармонії, потім перетягніть повзунок Відтінку або клікніть безпосередньо на кольорове коло. Регулюйте Насиченість і Яскравість. Коло виділяє всі кольори-партнери точками. Зразки показують hex-коди палітри. Прев'ю UI внизу показує палітру в реальному інтерфейсі.