Abstufungen aus jeder Farbe erzeugen
Geben Sie eine Basisfarbe ein und erhalten Sie sofort eine vollständige Bandbreite an Abstufungen. Wechseln Sie zwischen einer nummerierten Skala im Tailwind-Stil und klassischen Tints, Shades und Tones.
Skala (50–950)
Die Skala nutzt die OKLCH-Helligkeit, sodass jeder Schritt wahrnehmungsmäßig gleichmäßig ist, wobei das Chroma an den hellen und dunklen Enden abnimmt. Das ergibt ausgewogene Design-Tokens wie in modernen UI-Frameworks.
Tints, Shades und Tones
- Tints mischen Ihre Farbe in Richtung Weiß — heller und weicher.
- Shades mischen in Richtung Schwarz — dunkler und tiefer.
- Tones mischen in Richtung Grau — gedämpft und ruhiger.
So funktioniert es
- Wählen Sie eine Basisfarbe oder geben Sie einen HEX-, RGB-, HSL- oder OKLCH-Wert ein.
- Wählen Sie die Registerkarte Skala oder Tints / Shades / Tones.
- Klicken Sie auf ein Farbfeld, um dessen HEX-Wert zu kopieren.
