🎨

Оттенок & насыщенность

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

Инструменты для изображений Работает локально Данные не отправляются
оттенокнасыщенностьсветлотацветокоррекцияPNG
Настройки цвета
Поворот оттенка 0
Насыщенность 0
Светлота 0
Предпросмотр
🖼️
Перетащите изображение сюда
или нажмите для выбора файла
JPG | PNG | WebP | GIF

Что такое регулятор оттенка и насыщенности?

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

Как пользоваться регулятором оттенка и насыщенности

  1. Загрузите изображение или перетащите его в инструмент.
  2. Перетащите ползунок поворота оттенка, чтобы сдвигать цвета по спектру.
  3. Используйте ползунок насыщенности, чтобы сделать цвета более или менее интенсивными.
  4. Используйте ползунок светлоты, чтобы осветлить или затемнить изображение.
  5. Нажмите «Скачать изменённый PNG», когда предпросмотр будет выглядеть правильно.
Понимание оттенка, насыщенности и светлоты ▾
Пример
Ввод Загрузите фото с тусклыми цветами и установите насыщенность +40
Результат Скачайте более яркий PNG с той же композицией
Типичные сценарии использования
  • Измените настроение фото, повернув оттенок
  • Повысьте насыщенность на плоских или блёклых изображениях
  • Частично обесцветьте изображение, чтобы создать выцветший или винтажный вид
  • Быстро перекрашивайте фотографии товаров или иллюстрации
  • Осветляйте или затемняйте без пересвета светлых участков
Зачем использовать этот инструмент
  • Работает полностью в вашем браузере — загрузка файлов не требуется.
  • Попиксельная работа с HSL сохраняет прозрачность (альфа-канал).
  • Настройки всегда применяются к оригиналу, поэтому вы можете свободно экспериментировать.
  • Результат сохраняется как PNG без потерь для максимального качества.
Часто задаваемые вопросы
Загружается ли моё изображение на сервер?

Нет. Вся обработка выполняется полностью в вашем браузере с помощью Canvas API. Ваше изображение никогда не покидает устройство.

Какие форматы изображений поддерживаются?

Любой формат, который может декодировать ваш браузер: JPG, PNG, WebP, GIF, AVIF, BMP и другие. Скачиваемый файл всегда сохраняется как PNG.

Ухудшит ли настройка оттенка и насыщенности качество изображения?

Инструмент работает на уровне пикселей, преобразуя RGB в HSL и обратно. Небольшие изменения минимально влияют на качество. Результат сохраняется как PNG без потерь, поэтому дополнительных потерь от сжатия нет.

Что означают оттенок, насыщенность и светлота?

Оттенок — это угол на цветовом круге; его сдвиг меняет все цвета сразу (например, красный становится оранжевым или фиолетовым). Насыщенность управляет интенсивностью цвета — более высокие значения делают цвета ярче, более низкие — серее. Светлота сдвигает общую яркость изображения к белому или чёрному.