Генератор аналогичных цветов
Создайте аналогичную цветовую схему на основе одного исходного цвета с помощью этого генератора аналогичных цветов. Введите 3- или 6-значный HEX-код, и инструмент вернет три соседних цвета в HEX-формате: оттенок на 30 градусов до исходного, сам исходный цвет и оттенок на 30 градусов после него. Подходит дизайнерам и разработчикам, которым нужны спокойные гармоничные палитры для сайтов, приложений, фонов и иллюстраций.
Часто задаваемые вопросы
Что возвращает генератор аналогичных цветов?
Он возвращает три цвета в виде шестизначных строчных HEX-кодов. Цвет 1 — это оттенок, повернутый назад на 30 градусов, цвет 2 — исходный цвет, а цвет 3 — оттенок, повернутый вперед на 30 градусов.
Почему исходный цвет находится посередине?
Аналогичные схемы строятся вокруг центрального оттенка, поэтому список идет от предыдущего соседнего оттенка к следующему. Такой порядок позволяет воспринимать палитру как плавный градиент оттенков.
Каково расстояние между цветами?
Соседние цвета отстоят ровно на 30 градусов от исходного оттенка на цветовом круге HSL. Это распространенный интервал, при котором цвета остаются родственными, но различимыми. Насыщенность и светлота такие же, как у исходного цвета.
Какие аналогичные цвета соответствуют чистому красному?
Для #ff0000 инструмент возвращает #ff0080, #ff0000 и #ff8000: розовато-красный, сам красный и оранжевый. Вычисление оттенка выполняется по кругу в пределах 360 градусов, поэтому у цветов рядом с красным соседние оттенки находятся по обе стороны цветового круга.
Какие форматы цветов можно вводить?
Введите один HEX-код из 3 или 6 цифр, с символом # или без него, например #ff5733 или f00. Запись RGB и HSL, а также названия цветов не поддерживаются, поэтому сначала преобразуйте их в HEX.
Почему средний цвет немного отличается от введенного?
Инструмент работает с целыми значениями оттенка, насыщенности и светлоты, поэтому при преобразовании из HEX в HSL и обратно значение одного канала может измениться на единицу. #ff5733 преобразуется обратно в #ff5833, а соседние цвета — #ff3374 и #ffbe33.
Когда стоит использовать аналогичную палитру?
Аналогичные цвета подходят для дизайна, который должен выглядеть цельным и спокойным: например, для фонов, градиентов, природных тем и связанных между собой рядов данных. Поскольку оттенки близки, добавьте нейтральный цвет или контрастный акцент для кнопок и текста.
Что происходит с черным, белым и серым цветами?
У нейтральных цветов нулевая насыщенность, поэтому соседние с ними оттенки будут такими же серыми и все три результата совпадут. Чтобы получить три разных оттенка, выберите исходный цвет с некоторой насыщенностью.
Можно ли изменить интервал в 30 градусов?
Нет, интервал всегда составляет 30 градусов, чтобы результаты оставались согласованными. Для других сочетаний используйте генераторы дополнительных, триадных, раздельно-дополнительных, тетрадных или монохроматических схем.
Совпадает ли результат с результатом генератора цветовых палитр?
Да. Инструмент выполняет те же вычисления, что и вариант «Аналогичная» в генераторе цветовых палитр, и для одинаковых исходных данных возвращает те же HEX-коды.