Farbe Aufhellen Abdunkeln
Hellt eine Farbe um einen Prozentsatz auf oder dunkelt sie ab.
Dieses Tool ist für Mitglieder
Dieses Premium-Tool schaltest du mit einem kostenlosen Konto frei — zusammen mit allen anderen Profi-Tools und den ganzen Wissen-Artikeln.
100 % kostenlos · keine Kreditkarte · sofort freigeschaltet
Wozu dient der Farbe Aufhellen Abdunkeln?
Das Tool Farbe Aufhellen Abdunkeln verändert eine Farbe um einen Prozentsatz heller oder dunkler. Das ist nützlich, um aus einer Grundfarbe abgestufte Varianten zu erzeugen, etwa für Hover-Zustände von Buttons, Schatten oder eine ganze Farbpalette aus einer Markenfarbe.
Gib eine Hex-Farbe und einen Prozentwert ein. Positive Werte hellen auf, negative dunkeln ab, indem jeder RGB-Kanal entsprechend angepasst wird. Die Berechnung läuft direkt im Browser, es werden keine Daten gesendet. So entwickelst du schnell konsistente Farbabstufungen für UI-Elemente und Design-Systeme.
Beispiele
- Ein Blau #3366CC um 20 % aufgehellt ergibt etwa #5C85D6.
- Dasselbe Blau um 20 % abgedunkelt wird zu rund #2952A3.
- Ein Grau #808080 um 50 % aufgehellt ergibt circa #BFBFBF.
Häufige Fragen zum Farbe Aufhellen Abdunkeln
Wie wird die Farbe aufgehellt?
Beim Aufhellen wird jeder RGB-Kanal um den Prozentsatz in Richtung 255 verschoben, beim Abdunkeln in Richtung 0. So bleibt der Farbton erhalten, nur die Helligkeit ändert sich.
Wofür brauche ich helle und dunkle Varianten?
Sie eignen sich für Hover- und Aktiv-Zustände, Rahmen, Schatten und abgestufte Hintergründe. Aus einer Markenfarbe lässt sich so eine ganze konsistente Palette ableiten.
Ist das dasselbe wie Sättigung ändern?
Nein. Aufhellen und Abdunkeln verändert die Helligkeit, nicht die Sättigung. Für Sättigungsänderungen arbeitet man besser im HSL-Farbraum.
Werden meine Eingaben gespeichert?
Nein. Alle Berechnungen laufen ausschließlich im Browser. Es werden keine Daten gesendet oder gespeichert.
Ist das Tool kostenlos?
Ja, vollständig kostenlos und ohne Registrierung.
