Farbabstufungen
Generiere eine vollständige Palette mit helleren und dunkleren Abstufungen deiner Farbe. Perfekt für UI-Design, wo du verschiedene Schattierungen einer Primärfarbe benötigst.
Basisfarbe
Basisfarbe auswählen
Farbpalette
Klicke auf eine Farbe zum Kopieren
50
#758bec
100
#8598ee
150
#94a5f0
200
#a3b2f2
500
#667eea
600
#5c71d3
700
#5265bb
800
#4758a4
900
#3d4c8c
So funktioniert's
- 1Wählen Sie eine Basisfarbe
- 2Wählen Sie Anzahl der Abstufungen
- 3Kopieren Sie die Farbabstufungen
Funktionen
- Farbabstufungen
Generiert hellere und dunklere Varianten einer Farbe.
- Tailwind-kompatibel
Perfekt für Tailwind CSS Farbskalen (50-900).
- CSS-Variablen
Exportiert als CSS Custom Properties.
- Vorschau
Zeigt alle Abstufungen visuell nebeneinander.
Häufige Fragen
Wie viele Abstufungen sollte ich erstellen?
Für Tailwind: 10 Abstufungen (50, 100, 200...900). Für eigene Projekte: 5-7 reichen meist.
Was ist der Unterschied zu Palette?
Palette erstellt harmonische Farbkombinationen. Shades erstellt Helligkeitsvarianten einer Farbe.
Kann ich die Abstufungen anpassen?
Ja, Sie können die Anzahl und den Helligkeitsbereich selbst wählen.
Ähnliche Tools
Hinweis: Die gesamte Verarbeitung erfolgt in deinem Browser. Deine Dateien werden nicht auf einen Server hochgeladen.