Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-Farbverlauf erstellen
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
Über dieses Tool
Steuern Sie für Seitenhintergründe den Übergang über die Positionen der Farbstopps. Vorschau und Code verwenden dieselben Einstellungen.
Anwendung
Verlaufstyp, Farben und Positionen einstellen; bei linearen Verläufen zusätzlich den Winkel. Die Vorschau aktualisiert sich sofort. Farbstopps werden nach ihrer Position sortiert; gleiche Positionen erzeugen harte Kanten. Möglich sind 2–8 Stopps von 0–100 Prozent und Winkel von -360 bis 360 Grad. Radiale Verläufe verwenden eine zentrierte Ellipse.
Häufige Fragen
Wie erzeuge ich eine harte Grenze zwischen zwei Farben?
Setzen Sie zwei unterschiedliche Farbstopps auf dieselbe Prozentposition. Die Stopps werden nach Position sortiert. Heruntergeladen wird CSS, keine Bilddatei.
Wie lege ich die Verlaufsrichtung fest?
Lineare Winkel folgen CSS: 0° zeigt nach oben, 90° nach rechts. Der radiale Verlauf verwendet eine mittige Ellipse ohne Winkelregler. Übernehmen Sie die vollständige background-Deklaration in Ihre CSS-Regel.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0