Генератор триадных цветов
Создайте триадную цветовую схему на основе одного базового цвета с помощью этого генератора. Введите 3- или 6-значный HEX-код, и инструмент вернет три цвета, расположенных на расстоянии 120 градусов друг от друга на цветовом круге HSL. Все они будут иметь ту же насыщенность и светлоту, что и базовый цвет, и будут представлены готовыми к вставке HEX-кодами. Отличный выбор для дизайнеров и разработчиков, которым нужны сбалансированные яркие палитры для интерфейсов, иллюстраций и фирменного стиля.
Часто задаваемые вопросы
Что возвращает генератор триадных цветов?
Он возвращает три цвета в виде шестизначных строчных HEX-кодов. Цвет 1 — базовый, оттенок цвета 2 повернут на 120 градусов, а оттенок цвета 3 — на 240 градусов.
Как рассчитывается триадная схема?
Инструмент преобразует ваш HEX-код в HSL, добавляет к оттенку 120 и 240 градусов и циклически смещает результат в пределах 360 градусов. Насыщенность и светлота остаются неизменными, поэтому все три цвета сохраняют яркость и интенсивность базового.
Какова триада чистого красного?
Для цвета #ff0000 инструмент возвращает #ff0000, #00ff00 и #0000ff — три основных цвета RGB. Это показывает, что инструмент использует цветовой круг HSL, предназначенный для экранов, а не традиционный круг красного, желтого и синего цветов.
Какие форматы цветов можно вводить?
Введите 3- или 6-значный HEX-код с символом # или без него, например #3366cc или 36c. Запись RGB и HSL, а также названия цветов не принимаются, поэтому сначала преобразуйте их в HEX.
Почему базовый цвет немного меняется в результате?
В расчете используются целочисленные значения оттенка, насыщенности и светлоты, поэтому при преобразовании базового цвета в HSL и обратно один из каналов может измениться на шаг. Например, #ff5733 преобразуется в #ff5833; еще два цвета — #33ff58 и #5833ff.
Как использовать триадную палитру, чтобы она не выглядела слишком яркой?
Сделайте один цвет основным, а два других используйте как акценты, например в пропорции 60, 30 и 10 процентов площади. Если взять за основу менее насыщенный или более темный цвет, триада получится спокойнее, поскольку все три цвета сохраняют его насыщенность и светлоту.
Что происходит с черным, белым и серым цветами?
У нейтральных цветов нет насыщенности, поэтому поворот оттенка трижды возвращает один и тот же серый цвет. Выберите основу с некоторой насыщенностью, чтобы получить три разных цвета.
Чем триадная схема отличается от тетрадной?
В триадной схеме три цвета расположены на расстоянии 120 градусов друг от друга, а в тетрадной — четыре цвета на расстоянии 90 градусов. Триады обычно проще сбалансировать; если нужен четвертый оттенок, воспользуйтесь генератором тетрадных цветовых схем.
Проверяет ли инструмент доступность?
Нет, он только вычисляет цвета. Поскольку у всех трех цветов такая же светлота, как у исходного, контраст между ними может быть низким. Проверьте сочетания текста и фона с помощью средства проверки контрастности.
Совпадает ли результат с триадной схемой в генераторе цветовых палитр?
Да. Инструмент выполняет те же вычисления, что и триадная схема в генераторе цветовых палитр, поэтому для одного и того же исходного цвета оба инструмента выдают одинаковые HEX-коды.