Онлайн-інструмент для налаштування HSL зображення

Можливості та обмеження

Точний контроль кольору

Інструмент застосовує фільтри CSS у порядку: hue-rotate(кут), saturate(відсоток), brightness(відсоток). Наприклад, для відтінку 45°, насиченості 150% і яскравості 80% буде згенеровано hue-rotate(45deg) saturate(150%) brightness(80%). Значення поза допустимим діапазоном автоматично обмежуються: відтінок 500° стане 360°, насиченість -20% стане 0%, яскравість 250% стане 200%.

Глобальні налаштування без автоматичного попереднього перегляду

Зміни застосовуються до всього зображення; немає кривих каналів, гістограм, масок або автоматичного балансу білого. Після завантаження зображення ефект не застосовується автоматично — потрібно натиснути кнопку генерації. Попереднього перегляду в реальному часі немає.

Приклад роботи

Завантажте фотографію з блакитним небом. Встановіть відтінок 45°, насиченість 150%, яскравість 80%. Після генерації небо стане зеленуватим, кольори стануть більш насиченими, а загальна яскравість знизиться. Перевірте нейтральні тони, світлі ділянки та кольори шкіри.

Обмеження

• Обробка відбувається локально у браузері; вихідні розміри зображення не змінюються.
• Доступний лише формат PNG для завантаження; немає вибору формату або вбудованого масштабування.
• Сильне насичення або яскравість можуть призвести до втрати деталей у кольорах.
• Інструмент не підтримує шари, RAW-обробку, OCR або анімації.

Поширені запитання

Чому моє зображення стає чорним при яскравості 0%?

CSS-фільтр brightness(0%) перетворює всі пікселі на чорні, зберігаючи геометрію зображення. Це очікувана поведінка, а не помилка.

Як повернутися до початкового вигляду?

Встановіть відтінок 0°, насиченість 100% і яскравість 100%, потім натисніть «Generate image». Це відповідає нейтральній комбінації hue-rotate(0deg) saturate(100%) brightness(100%).

Чи можу я застосувати налаштування лише до частини зображення?

Ні, інструмент застосовує зміни до всього зображення. Для вибіркової корекції скористайтеся редактором із масками або шарами.