Количество цветов учитывается только для аналоговой и монохромной схем; комплементарная всегда даёт 2 цвета, триадная — 3, тетрадная — 4.
Результат
Все вычисления выполняются локально в браузере: разбор, график, экспорт. Если отключите сеть, страница продолжит работать.
Факты и границы применимости
| Комплементарная | Базовый цвет и цвет с тоном, повёрнутым на 180° |
|---|---|
| Триадная | Три цвета с тоном, повёрнутым на 0°, 120° и 240° |
| Тетрадная | Четыре цвета с тоном, повёрнутым на 0°, 90°, 180° и 270° |
| Аналоговая | Несколько цветов с шагом 30° по тону вокруг базового |
| Монохромная | Один и тот же тон и насыщенность, светлота от 12% до 90% |
Когда этот метод вводит в заблуждение
- Палитра строится по математическим правилам цветового круга (модель HSL), а не по восприятию человеческого глаза — иногда «гармоничные» по формуле цвета на практике требуют ручной подгонки контраста.
- Генератор не проверяет контрастность пар цветов для доступности (WCAG) — для текста поверх фона такую проверку стоит делать отдельным инструментом.
- Монохромная и аналоговая схемы используют фиксированные шаги (равномерное распределение светлоты и шаг тона 30°); для более тонкой настройки палитру можно скорректировать вручную после генерации.
- Результат — это ориентир для дизайна интерфейсов, иллюстраций и брендинга, а не единственно верное решение.
Как это считается
Базовый HEX-цвет переводится в модель HSL (тон, насыщенность, светлота) — это удобная система для построения гармоничных сочетаний.
В зависимости от выбранного типа палитры тон базового цвета поворачивается на фиксированные углы (180° для комплементарной, 120°/240° для триадной, 90°/180°/270° для тетрадной) или изменяется мелкими шагами (для аналоговой) при неизменных насыщенности и светлоте.
Для монохромной палитры тон и насыщенность остаются постоянными, а светлота равномерно распределяется от тёмного к светлому оттенку.
Каждый полученный цвет HSL переводится обратно в HEX-код и отображается в виде образца с подписанным кодом.
Вопросы и ответы
Чем отличаются типы палитр?
Они основаны на разных геометрических фигурах на цветовом круге: комплементарная берёт противоположный цвет, триадная и тетрадная — равномерно расставленные точки, аналоговая — соседние тона, монохромная — вариации светлоты одного тона.
Почему для комплементарной схемы не учитывается количество цветов?
У комплементарной, триадной и тетрадной схем число цветов задано самим правилом построения (2, 3 и 4 соответственно) — настройка количества применима только к аналоговой и монохромной схемам.
Подходит ли палитра для веб-дизайна?
Да, как отправная точка — перед использованием в интерфейсе рекомендуется проверить контрастность текста и фона отдельным инструментом на соответствие WCAG.
Мои данные куда-то отправляются?
Нет, весь расчёт выполняется в вашем браузере.