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

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

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

Инструмент создаёт концентрические круги от центра к краю. Внутренний радиус равен 0, внешний вычисляется как hypot(ширина, высота) / (2 * масштаб). Например, для холста 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% — полностью прозрачно.