Что такое сдвиг оттенка?

Оттенок — это положение цвета на цветовом круге: красный, затем оранжевый, жёлтый, зелёный, голубой, синий, пурпурный и снова красный. Сдвиг оттенка поворачивает все цвета по кругу на один и тот же угол. При 120° красный становится зелёным, зелёный — синим, а синий — красным. При 180° каждый цвет превращается в противоположный. У серого, чёрного и белого нет оттенка, поэтому они остаются без изменений.

Описание инструмента

Откройте изображение и перетащите ползунок сдвига оттенка или введите угол в градусах. Положительные углы поворачивают цвета по кругу в одну сторону, отрицательные — в другую. Предварительный просмотр обновляется во время перетаскивания, а кнопка сравнения показывает исходное изображение рядом с изменённым. Скачайте результат в полном размере в формате PNG, JPG или WebP.

Возможности

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

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

Инструмент считывает каждый пиксель как оттенок, насыщенность и светлоту (HSL), прибавляет угол к оттенку и преобразует результат обратно в красный, зелёный и синий. Для каждого пикселя сохраняются значения самого яркого и самого тёмного цветовых каналов. Меняются только промежуточный канал и порядок трёх каналов. Светлота HSL не совсем соответствует воспринимаемой глазом яркости, поэтому тёмно-синий цвет после преобразования в жёлтый выглядит ярче, а жёлтый после преобразования в синий — темнее.

Советы

  • Перекрашивайте значки, логотипы и плоские иллюстрации: графика одного цвета приобретёт новый оттенок, сохранив исходную светотень.
  • Небольшой сдвиг меняет настроение зелени: несколько градусов ниже нуля делают её более жёлтой, а несколько градусов выше нуля — более синей.
  • Прозрачные области остаются прозрачными. Чтобы сохранить их, скачайте изображение в формате PNG или WebP.