Design und Farbe

SVG-Muster erstellen

SVG-Muster erstellen — Größen oder Farben wählen und Code oder Ergebnis prüfen. Ihre Werkzeugeingaben bleiben auf Ihrem Gerät. Ohne Konto.

Ohne Konto

Werkzeug wird geladen…

So funktioniert es

  1. 1Werte eingeben und Optionen wählen.
  2. 2Werkzeug starten und Ergebnis prüfen.
  3. 3Ergebnis kopieren oder Eingaben zum Vergleich ändern.

Gut zu wissen

Bereiche und Einheiten prüfen. Ergebnisse hängen von Eingaben und Browser ab.

Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)

Berechnetes Ein- und Ausgabebeispiel

Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.

Beispieleingabe

FeldWert
Modus
Punkte
Farbe
#0F766E
Hintergrundfarbe
#FFFFFF
Musterabstand (px)
24
Linienstärke oder Punktradius (px)
2

Beispielergebnis

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><defs><pattern id="p" width="24" height="24" patternUnits="userSpaceOnUse"><rect width="24" height="24" fill="#FFFFFF"/><circle cx="12" cy="12" r="2" fill="#0F766E"/></pattern></defs><rect width="400" height="400" fill="url(#p)"/></svg>
Eingabebedingungen

Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.

  • Modus: Verfügbare Optionen: Punkte / Streifen / Raster
  • Musterabstand (px): Zulässiger Bereich: 4 ≤ x ≤ 200
  • Linienstärke oder Punktradius (px): Zulässiger Bereich: 0,1 ≤ x ≤ 20

Ähnliche Werkzeuge

Alle Werkzeuge