Startseite / Bildwerkzeuge / Radialverlauf als PNG erzeugen
Kostenlose Online-Werkzeuge

Radialverlauf als PNG erzeugen

Erzeugen Sie einen kreisförmigen Farbverlauf als PNG mit Farben, Zentrum, Skalierung und Transparenz. Die Verarbeitung erfolgt lokal im Browser.

Jetzt verwenden

Radius und Eckabdeckung

Bei 1200×630 Pixeln, Zentrum (50 %,50 %) und Skalierung 100 % liegt der Mittelpunkt bei (600,315), der Außenradius beträgt etwa 677,66 Pixel. Bei 200 % halbiert sich der Radius auf etwa 338,83 Pixel. Zentrum (0 %,0 %) liegt links oben.

Der Radius hängt von der Bilddiagonale und Skalierung ab, nicht von der Verschiebung des Zentrums. Außerhalb des Kreises werden Randfarbe und deren Transparenz verwendet. Ein kleinerer Skalierungswert vergrößert den Kreis; prüfen Sie bei verschobenem Zentrum die entfernten Ecken.

Es gibt zwei feste Farbstopps und einen Innenradius von 0. Elliptische Verläufe, weitere Farbstopps, versetzte Brennpunkte und Bild-Uploads werden nicht angeboten. Große Maße werden proportional auf das Pixelbudget reduziert. PNG enthält keine bearbeitbaren Ebenen.

In der folgenden Formel sind w und h die tatsächlichen Ausgabemaße und s der eingegebene Prozentwert: 100 entspricht Faktor 1. Transparenz 0 % ist deckend, 100 % vollständig transparent. Der Alpha-Wert der Randfarbe gilt auch außerhalb des Kreises.

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

Die Verarbeitung erfolgt lokal im Browser.