Farbe · T-07
Farbskala erstellen
Eine Farbe hinein, elf Töne heraus: von fast Weiß bis fast Schwarz, mit für das Auge gleichen Stufen. Jede Stufe zeigt sofort, ob weißer oder schwarzer Text darauf lesbar ist.
Ihre Dateien bleiben auf Ihrem Gerät
Fragen
Gut zu wissen
Warum in OKLCH?
In OKLCH bedeutet ein gleicher Schritt in der Helligkeit auch einen gleichen Schritt für das Auge. In HSL wirkt Gelb beim selben Wert viel heller als Blau. So erhalten Sie eine Skala, die in jedem Farbton gleich regelmäßig wirkt.
Bleibt meine eigene Farbe in der Skala?
Ja, standardmäßig steht Ihre Farbe genau auf der Stufe, die am besten zu ihrer Helligkeit passt, mit einem rosa Rahmen. Schalten Sie das aus, erhalten Sie eine vollständig berechnete Skala.
Welche Stufe verwende ich für Text?
Schauen Sie auf die Kontrastwerte: Steht AA bei Weiß, ist weißer Text darauf lesbar; bei Schwarz schwarzer Text. Für Text auf einer weißen Seite nehmen Sie meist 600 oder dunkler.
So funktioniert es
Farbskala erstellen in drei Schritten
Farbe wählen
Ihre Markenfarbe, in beliebiger Schreibweise. Kleurstaal setzt sie auf die Stufe, die am besten zu ihrer Helligkeit passt.
Skala ansehen
Elf Stufen mit ihrem Code und ihrem Kontrast auf Weiß und auf Schwarz. AA steht dabei, wenn normaler Text lesbar ist.
Code übernehmen
Als CSS-Variablen, für Tailwind 4 oder 3, oder als JSON, in HEX oder in OKLCH.