Farbabstufungs-Generator
Erzeugen Sie helle bis dunkle Farbvariationen jeder Farbe. Anzahl der Stufen anpassen und als Tailwind CSS-Palette exportieren.
Grundfarbe auswählen
Aufhellungen (hellere Farben)
Hellere Variationen durch Mischen von Weiß mit der Grundfarbe
Schattierungen (dunklere Farben)
Dunklere Variationen durch Mischen von Schwarz mit der Grundfarbe
Anleitung
Farbe wählen
Farbe über Farbwähler oder HEX-Code angeben
Abstufungen erzeugen
Helle bis dunkle Abstufungen werden automatisch erzeugt
Kopieren
Farbcodes der gewünschten Abstufungen kopieren
Funktionen
Stufensteuerung
Anzahl der Abstufungen anpassen
Mehrere Formate
Kopieren in HEX-, RGB-, HSL-Formaten
Palette exportieren
Palette im Tailwind CSS-Format exportieren
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.