CSS Gradient Generator
Baue lineare, radiale und konische Farbverläufe live zusammen, mit beliebig vielen Farbstopps.
Linear, Radial oder Conic – was ist der Unterschied?
Ein linearer Verlauf verläuft entlang einer geraden Achse, z.B. von links nach rechts. Ein radialer breitet sich kreis- oder ellipsenförmig von einem Mittelpunkt aus. Ein konischer rotiert die Farben wie ein Kompass um einen Punkt – nützlich für Kreisdiagramme, Farbräder oder subtile Licht-Effekte.
Worauf du bei Farbverläufen achten solltest
Zu viele Farbstopps oder zu starke Kontraste zwischen den Farben führen schnell zu sichtbaren Bändern (Color Banding) statt eines weichen Übergangs. Zwei bis drei Stopps mit ähnlicher Helligkeit wirken meist harmonischer als viele grelle Farben – und ein Verlauf sollte nie alleine Informationen transportieren, die auch für Nutzer mit Sehbeeinträchtigung erkennbar sein müssen.