🎨 Alles läuft in deinem Browser. Keine Installation, keine Anmeldung.
Wozu welche Stufe dient
- · 50~200 Hintergründe, sanfte Hervorhebungen, inaktive Zustände
- · 400~600 Buttons und Links — die Markenfarbe selbst
- · 700~900 Gedrückte Zustände und Text auf dunklem Grund
- Der Hinweis rechts in jeder Zeile sagt, ob weißer oder schwarzer Text auf diesem Hintergrund die Barrierefreiheitsschwelle (4,5:1) erreicht.
Was dieses Werkzeug macht
- Zehn Stufen von 50 bis 900
- HEX und HSL pro Stufe
- Zeigt, ob weißer oder schwarzer Text lesbar ist
- Satz als CSS-Variablen kopieren
Weitere Farbwerkzeuge
Farben können je nach Bildschirm und Farbprofil etwas anders aussehen.