Онлайн генератор зображень з радіальним градієнтом
Створіть PNG з радіальним градієнтом: оберіть кольори, розмір, центр, масштаб і прозорість. Без завантажень, локально в браузері.
Почати роботу
Можливості та приклад використання
Цей інструмент створює зображення з радіальним градієнтом, де кольори плавно переходять від центру до країв. Він корисний для створення фонів, банерів або ілюстрацій без використання графічних редакторів.
Конкретний приклад
Припустимо, вам потрібне зображення 1200×630 пікселів із синім центром і рожевим краєм. За замовчуванням центр розташований у точці (600, 315), а зовнішній радіус кола становить приблизно 677,66 пікселів, що забезпечує покриття всіх кутів. Якщо збільшити масштаб до 200%, радіус зменшиться приблизно до 338,83 пікселів, і кути матимуть колір краю та його налаштовану прозорість. Якщо встановити центр на 0%, 0%, градієнт почнеться з верхнього лівого кута.
Параметри та обмеження
- Кольори центру та краю можна змінювати.
- Розміри від 1 до 10000 пікселів, але загальна кількість пікселів не перевищує 24 мільйони.
- Центр задається у відсотках від 0 до 100.
- Масштаб від 1% до 500%.
- Прозорість кінцевих точок перетворюється на альфа-канал: наприклад, 25% прозорості відповідає альфа 0.75.
- Область за межами зовнішнього кола використовує колір краю, без повторення.
- Немає еліптичного режиму, додаткових точок зупинки, зміщення фокуса, текстури, дизерінгу або завантаження зображень.
Часті запитання
Чи можу я створити градієнт, який не покриває всі кути?
Так, якщо збільшити масштаб або змістити центр, зовнішнє коло може не досягати кутів. Наприклад, при масштабі 200% радіус зменшується вдвічі, і кути залишаються без градієнта.
Що станеться, якщо я введу розміри, що перевищують ліміт пікселів?
Інструмент автоматично зменшить розміри пропорційно, щоб загальна кількість пікселів не перевищувала 24 мільйони.
Чи підтримується прозорість у PNG?
Так, якщо увімкнути опцію прозорості, PNG збереже альфа-канал, що дозволяє використовувати зображення з прозорим фоном.
У формулі w і h — фактичні розміри результату, s — введений відсоток масштабу: 100 відповідає коефіцієнту 1. Прозорість 0% означає непрозорий колір, 100% — повністю прозорий. Альфа кольору краю діє також поза колом.
r = sqrt(w² + h²) / (2 × (s / 100))
Обробка виконується локально у вашому браузері.