Зміна кольору PNG
Завантажте PNG і поверніть його відтінок, щоб перефарбувати все зображення одразу зі збереженням прозорості й деталей. Працює повністю у вашому браузері.
🔒 Цей інструмент працює повністю у вашому браузері. Ваші файли ніколи не завантажуються на сервер.
120°
100%
100%
Результат
Показано приклад — завантажте власний PNG, щоб перефарбувати його.
Як це працює
- Завантажте зображення PNG.
- Перетягніть повзунок відтінку, щоб повернути кожен колір зображення.
- Завантажте перефарбований результат.
Перефарбування переводить значення RGB кожного пікселя у HSL, додає обраний поворот до каналу відтінку, не чіпаючи насиченість, світлоту й альфа-канал, а потім переводить назад у RGB — та сама математика, що й за CSS-фільтром hue-rotate(), застосована та записана у завантажений файл.
FAQ
Чим це відрізняється від заміни одного кольору?
Це зсуває кожен колір зображення на той самий поворот відтінку одразу — зручно, щоб перефарбувати цілу ілюстрацію чи набір іконок за один крок, а не міняти один конкретний колір.
Чи завантажується моє зображення кудись?
Ні. Перефарбування відбувається повністю у вашому браузері через canvas API — ваш PNG ніколи не надсилається на сервер.
Чи зберігається прозорість?
Так — зсувається лише відтінок. Альфа, яскравість і насиченість лишаються незмінними, тож прозорі ділянки лишаються прозорими.
Чи можна переглянути перед завантаженням?
Так — повзунок відтінку оновлює перегляд наживо, тож ви задаєте точний зсув перед збереженням результату.
Як ми в порівнянні
| Функція | Online Tool Store | Photoshop / GIMP | CSS-фільтр (лише на сторінці) |
|---|---|---|---|
| Без завантаження файлів — працює у вашому браузері | ✓ | Потрібне встановлення на комп'ютер | ✓ |
| Завантажує справжній перефарбований файл | ✓ | ✓ | Впливає лише на відображення на сторінці, не на файл |
| Безкоштовно, без реєстрації | ✓ | Photoshop платний | N/A |
CSS-фільтр hue-rotate змінює лише те, як зображення виглядає на сторінці — сам файл недоторканий. PNG Color Changer записує зсув у справжній завантажуваний файл без встановлення редактора.