Farbe aufhellen und abdunkeln
Hex-Farbe eingeben und Abstufungen in Hell und Dunkel zum Kopieren sehen.
Heller
#23c3ff
#56d1ff
#89dfff
#bcedff
#effbff
Dunkler
#0089bc
#006489
#003f56
#001923
#000000
So entstehen die Abstufungen
Das Tool wandelt die Farbe in den HSL-Farbraum um und verändert nur die Helligkeit. Farbton und Sättigung bleiben gleich, deshalb bleibt der Charakter der Farbe erhalten. Bei einem Schritt von 10 Prozentpunkten wird aus Rot (#ff0000, Helligkeit 50 Prozent) das hellere #ff3333 und das dunklere #cc0000.
Du erhältst je fünf Töne in beide Richtungen. Sie eignen sich für Hover-Zustände von Buttons, Rahmen, Hintergründe und Farbskalen in einem Designsystem.
- Der Schritt lässt sich zwischen 1 und 50 Prozentpunkten wählen.
- Bei sehr hellen oder dunklen Farben werden Töne an 0 und 100 Prozent begrenzt.
- Kontraste für Text solltest du zusätzlich prüfen.
Fragen und Antworten
Wie dunkle ich eine Farbe ab?
Verringere ihre Helligkeit im HSL-Farbraum. Das Tool macht das in einstellbaren Schritten.
Verändert sich der Farbton?
Nein, nur die Helligkeit. Farbton und Sättigung bleiben erhalten.
Kostet das Tool etwas?
Nein. Das Tool ist kostenlos und braucht weder Anmeldung noch Installation. Es gibt keine feste Grenze für die Länge der Eingabe, die Grenze setzt nur der Arbeitsspeicher deines Geräts.