Генератор Цветовых Палитр

Это позиции на цветовом круге относительно базового цвета. Комплементарная — прямо напротив (180°): максимальный контраст, хороша для акцентов. Аналоговая берёт соседей в пределах 30° — спокойные природные схемы. Триадная расставляет три тона равномерно (через 120°), тетрадная — четыре (через 90°); обе дают живые, но продуманные схемы. Разделённо-комплементарная смягчает противоположную пару, беря два цвета рядом с противоположным (150° и 210°). Монохром держит один тон и шагает по светлоте — самая безопасная схема из существующих.

Пять — рабочий размер настоящей интерфейсной палитры: доминирующий, вторичный, акцент и два поддерживающих тона. Когда гармония задаёт меньше пяти тонов — у комплементарной два, у триадной три — оставшиеся места повторно посещают те же тона на ступенях светлоты: двухтоновая палитра получает светлые и тёмные варианты вместо дубликатов. Сама математика тонов точна до градуса — это и делает палитру воспроизводимой.

Кликните по образцу, чтобы скопировать его hex, или используйте окно экспорта: CSS-переменные вставляются в таблицу стилей как --color-1…--color-5, JSON импортируется в дизайн-инструменты и скрипты, список hex подходит всему остальному. Обычное распределение: --color-1 для поверхностей, средние тона для текста и рамок, самый насыщенный — акцент.

Нет — гармония про отношения тонов, читаемость про контраст яркости, и они независимы. Два прекрасно гармонирующих цвета могут быть нечитаемы друг на друге. Прежде чем выпускать текст на цветном фоне, проверьте пару в конвертере цветов на этом сайте — он считает точный коэффициент WCAG с вердиктами.

Тон базового цвета по всему кругу, его насыщенность и светлоту в полосе, где каждая гармония ещё читается как палитра (насыщенность 55–85%, светлота 42–60%), и само правило гармонии. Эти границы — причина, по которой случайные результаты выглядят презентабельно, а не блёкло или неоново; а увидев понравившуюся базу, переключайте гармонии — они исследуют её детерминированно.

Нет. Математика палитры выполняется целиком в браузере — та же арифметика тонов, что сделает ваш CSS, — и ничего из выбранного или сгенерированного не покидает страницу.