Überblick Farbskalen-Generator
Jede Farbe → 50–950 Skala mit CSS-Export
Verwendung
Verwandeln Sie eine Basisfarbe in eine vollständige Skala von 50 bis 950 mit einsatzbereitem CSS- und Tailwind-Output.
Grenzen
Die Stufen nutzen feste Helligkeitsabstände; sehr gesättigte Grundfarben werden an den Enden beschnitten.
Farbskalen-Generator
Warum eine 50–950-Skala
Eine Skala gibt einem Farbton genug Stufen für Flächen, Rahmen, Text und Zustände. Stufe 50 ist die hellste Tönung, 950 die tiefste, und 500 trägt meist die Markenfarbe.
Gleichmäßige Stufen erleichtern die Pflege: Der Sprung zwischen Nachbarwerten bleibt auf jedem Bildschirm vorhersagbar.
Wie die Stufen entstehen
Jede Stufe zielt auf eine Helligkeit in OKLCH, damit die Rampe wahrnehmungsgleich bleibt und in den Schatten nicht zusammenfällt. An beiden Enden wird die Chroma gesenkt, damit helle Töne klar und dunkle satt wirken.
Häufige Fragen
Warum ist Stufe 500 nicht exakt meine Farbe?
Kann ich das exportierte CSS direkt nutzen?
Funktioniert das auch für Grau?
Kontrastkurve einer Skala
Am Beispiel „藍 #104E8B“: alle elf Stufen von 50–950 gegen weiße und schwarze Schrift gemessen. Grün bedeutet 4,5:1 oder besser — dort kann Fließtext stehen.