Главная / Инструменты для цвета / Онлайн-инструмент триадной цветовой схемы
Бесплатные онлайн-инструменты

Онлайн-инструмент триадной цветовой схемы

Создайте триадную цветовую схему из базового цвета: введите HEX, RGB, HSV или HSL и получите три равноотстоящих оттенка. Пример: #FF0000 дает #00FF00 и #0000…

Начать работу

Возможности и пример работы

Инструмент генерирует три цвета, равномерно распределенных по цветовому кругу: базовый цвет и два других, смещенных на 120 и 240 градусов. Например, если выбрать базовый #FF0000 (красный), результатом будут #FF0000, #00FF00 (зеленый) и #0000FF (синий) — в этом порядке.

Как это работает

Инструмент использует HSL-модель: базовый цвет преобразуется в HSL, затем к оттенку (H) добавляются фиксированные смещения 120° и 240°. Насыщенность и светлота остаются такими же, как у базового цвета, но при выводе округляются до целых чисел. Базовый HEX-код сохраняется точно, а сгенерированные цвета могут незначительно отличаться из-за округления.

Ограничения

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

Часто задаваемые вопросы

Почему сгенерированные цвета не совпадают с моим базовым цветом при переводе в HSL?

Инструмент сохраняет базовый HEX-код точно, но для сгенерированных цветов использует округленные значения насыщенности и светлоты. Это может привести к небольшим отличиям в HEX-коде по сравнению с точным математическим расчетом.

Могу ли я изменить угол смещения или количество цветов?

Нет, инструмент всегда создает ровно три цвета с фиксированными смещениями 120° и 240°. Это триадная схема, а не, например, аналоговая или расщепленно-комплементарная.

Что произойдет, если я отредактирую один из сгенерированных цветов?

Редактирование одного цвета обновит только его текстовое значение. Остальные два цвета останутся без изменений, поэтому схема может перестать быть триадной. Чтобы вернуться к правильной триаде, нажмите «Очистить» и начните заново.

Обработка выполняется локально в вашем браузере.