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

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

Инструмент генерирует аналоговую схему из трёх цветов: два соседних по цветовому кругу относительно базового. Например, при базовом #3B82F6 и разрыве 30 градусов получаются #3CE0F6, #3B82F6 и #523CF6. При разрыве 90 градусов — #3CF652, #3B82F6 и #F63CE0.

Точная настройка каждого цвета

Каждый из трёх цветов можно отредактировать вручную, используя HEX, RGB, HSV или HSL. Это позволяет точно подобрать оттенок под ваш дизайн.

Локальная обработка

Все вычисления выполняются в вашем браузере, данные не отправляются на сервер.

Ограничения

Аналоговое сочетание не гарантирует достаточную контрастность для текста. Проверяйте пары «фон-текст» отдельно. Инструмент не предоставляет автоматическую оценку контраста, симуляцию цветовой слепоты или экспорт в файлы.

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

Почему средний цвет остаётся точно таким же, как базовый?

Средний цвет не проходит через преобразование RGB→HSL→RGB, поэтому его HEX-значение остаётся байт-в-байт равным выбранному базовому цвету. Это гарантирует точность исходного цвета.

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

Изменение коснётся только этого конкретного цвета. Остальные два не пересчитываются, так как инструмент не поддерживает автоматическую перегенерацию всей схемы после ручной правки.

Какой диапазон углового разрыва доступен?

Разрыв может быть от 1 до 90 градусов. По умолчанию установлено 30 градусов, что даёт умеренное различие между цветами.

Контрольный список перед использованием

• Выберите базовый цвет, который соответствует вашему бренду или задаче.
• Определите подходящий угловой разрыв (обычно 30–60 градусов).
• Проверьте схему в реальном интерфейсе, чтобы убедиться в гармонии.
• Проверьте контрастность для текста и фона отдельно.
• Скопируйте HEX-коды для дальнейшего использования.