Сдвиг оттенка

Поверните цвет по цветовому кругу, сохраняя его насыщенность и светлоту. Обработка выполняется локально в вашем браузере.

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

О сдвиге оттенка

Поверните цвет по цветовому кругу, сохраняя его насыщенность и светлоту.

Пример

Входные данные

#FF0000 со сдвигом 120°

Результат

#00FF00

Частое применение

Вариации тем
Создание связанных акцентных цветов

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

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

Ограничения

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

Расчёт сначала округляет HSL до целых чисел, прибавляет угол к оттенку и использует цикл 360°. Насыщенность и светлота HSL сохраняются; воспринимаемая яркость не гарантируется. Даже 0° может немного изменить RGB: #123456 при 0° даёт #123354.

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