Гармонии цвета

Комплементарная, аналоговая, триадная, тетрадная схемы

HEX, RGB или HSL

Нашли ошибку или хотите предложить улучшение?

Улучшить калькулятор «Гармонии цвета»

Теория

Гармонии цвета — проверенные схемы сочетаний, построенные по цветовому кругу. Комплементарная пара — цвета напротив друг друга (синий и оранжевый); аналогичные — три соседних; триадная — три через 120°; тетрадная — две комплементарные пары.

Схемы получают поворотом оттенка на фиксированные углы с сохранением насыщенности и светлоты. Дизайнеры выбирают схему по задаче: аналогичные — спокойные интерфейсы, комплементарные — акценты.

Важно: гармония не гарантирует контраста — пару всегда проверяют на читаемость текста.

Пример с решением

  1. Условие. Найдите комплементарный цвет к \(\texttt{#3B82F6}\) (синий).
  2. Формула. Поворот оттенка на \(180^\circ\) в цветовом круге.
  3. Подстановка. Оттенок синего сдвигается на противоположный.
  4. Вычисление. Получается оранжевый — \(\texttt{#F6AF3B}\).
  5. Ответ. Пара синий/оранжевый. Калькулятор с цветом #3B82F6 в режиме комплементарной гармонии покажет парный цвет; другие режимы построят аналогичную, триадную и тетрадную схемы.

Главное

  • Комплементарные — напротив на круге (180°).
  • Аналогичные — соседи, триада — через 120°.
  • Гармония ≠ контраст текста.