Онлайн-инструмент триадной цветовой схемы
Создайте триадную цветовую схему из базового цвета: введите HEX, RGB, HSV или HSL и получите три равноотстоящих оттенка. Пример: #FF0000 дает #00FF00 и #0000…
Начать работу
Возможности и пример работы
Инструмент генерирует три цвета, равномерно распределенных по цветовому кругу: базовый цвет и два других, смещенных на 120 и 240 градусов. Например, если выбрать базовый #FF0000 (красный), результатом будут #FF0000, #00FF00 (зеленый) и #0000FF (синий) — в этом порядке.
Как это работает
Инструмент использует HSL-модель: базовый цвет преобразуется в HSL, затем к оттенку (H) добавляются фиксированные смещения 120° и 240°. Насыщенность и светлота остаются такими же, как у базового цвета, но при выводе округляются до целых чисел. Базовый HEX-код сохраняется точно, а сгенерированные цвета могут незначительно отличаться из-за округления.
Ограничения
- Нет возможности выбрать количество цветов или угол смещения — только фиксированная триада.
- Равные интервалы по оттенку не гарантируют одинаковую визуальную яркость или достаточный контраст для текста.
- Ручное редактирование одного из сгенерированных цветов не обновляет остальные, поэтому триадное соотношение может быть нарушено.
- Инструмент не оценивает контрастность и не подбирает палитру автоматически.
Часто задаваемые вопросы
Почему сгенерированные цвета не совпадают с моим базовым цветом при переводе в HSL?
Инструмент сохраняет базовый HEX-код точно, но для сгенерированных цветов использует округленные значения насыщенности и светлоты. Это может привести к небольшим отличиям в HEX-коде по сравнению с точным математическим расчетом.
Могу ли я изменить угол смещения или количество цветов?
Нет, инструмент всегда создает ровно три цвета с фиксированными смещениями 120° и 240°. Это триадная схема, а не, например, аналоговая или расщепленно-комплементарная.
Что произойдет, если я отредактирую один из сгенерированных цветов?
Редактирование одного цвета обновит только его текстовое значение. Остальные два цвета останутся без изменений, поэтому схема может перестать быть триадной. Чтобы вернуться к правильной триаде, нажмите «Очистить» и начните заново.
Обработка выполняется локально в вашем браузере.