Tailwind-Abstufungsgenerator
Verwandle eine Grundfarbe in eine Abstufungsskala von 50–900 wie bei Tailwind CSS.
50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861
Wähle eine Grundfarbe und erhalte eine vollständige Abstufungsskala von 50 bis 900, bereit zum Einfügen in deine Tailwind-Konfiguration. Jedes Farbfeld ist kopierbar.
Anleitung
- Wähle deine Grundfarbe
- Sieh dir die Abstufungsskala von 50–900 an
- Kopiere den Hex-Code einer beliebigen Abstufung
Häufige Fragen
- Wie werden die Abstufungen erstellt?
- Wir behalten deinen Farbton und deine Sättigung bei und ordnen jeden Schritt einer Zielhelligkeit zu.
- Welcher Schritt entspricht meiner Farbe?
- Der Bereich von 500–600 kommt einer typischen Grundfarbe am nächsten.