Онлайн генератор изображений с радиальным градиентом

Возможности и пример работы

Настройка градиента

Инструмент создаёт концентрические круги от центра к краю. Внутренний радиус равен 0, внешний вычисляется как sqrt(w² + h²) / (2 × (s / 100)). Например, для холста 1200×630 при масштабе 100% внешний радиус ≈ 677,66 пикселей, что покрывает все углы. При масштабе 200% радиус становится ≈ 338,83 пикселей.

Прозрачность

Если включена прозрачность конечных точек, процент преобразуется в альфа-канал: 25% → альфа 0.75. Области за пределами внешнего круга используют цвет края без повторения.

Ограничения

Нет эллиптического режима, дополнительных цветовых остановок, смещения фокуса, текстуры или загрузки изображений. Центр 0%,0% допустим и помещает начало координат в верхний левый угол.

Проверка результата

• Убедитесь, что углы окрашены в цвет края при центре 50%,50% и масштабе 100%.
• При смещении центра радиус не увеличивается до дальнего угла — проверяйте покрытие.
• Большие размеры автоматически уменьшаются пропорционально для соблюдения лимита пикселей.

Часто задаваемые вопросы

Почему при смещении центра в дальних углах виден однотонный цвет края?

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

Что означает масштаб 200%?

Масштаб уменьшает внешний радиус вдвое по сравнению со 100%. Например, для холста 1200×630 радиус становится примерно 338,83 пикселей вместо 677,66.

Можно ли задать прозрачность только для центра или только для края?

Да, прозрачность настраивается отдельно для центральной и конечной точек. Процент преобразуется в альфа-канал: 0% — полностью непрозрачно, 100% — полностью прозрачно.

В формуле w и h — фактические размеры результата, s — введённый процент масштаба: 100 соответствует коэффициенту 1. Прозрачность 0% означает непрозрачный цвет, 100% — полностью прозрачный. Альфа цвета края действует и за пределами круга.

r = sqrt(w² + h²) / (2 × (s / 100))