Startseite / Farbwerkzeuge / Farbe abdunkeln
Kostenlose Online-Werkzeuge

Farbe abdunkeln

Reduzieren Sie die Helligkeit einer Farbe um einen gewählten Betrag mit Live-Vorschau. Die Verarbeitung erfolgt lokal im Browser.

Jetzt verwenden

Was der Farbabdunkler tut

Reduziert die Helligkeit einer Farbe um einen gewählten Betrag mit Live-Vorschau.

Arbeitsbeispiel

Eingabe

#3b82f6; um 20 % abdunkeln

Ergebnis

Ein dunkleres Blau mit aktualisierten HEX-, RGB- und HSL-Werten

Farbberechnung

Die HSL-Helligkeit wird reduziert oder Kanäle werden je nach angezeigter Methode in Richtung Schwarz gemischt.

Nützliche Arbeitsabläufe

  • Erstellen Sie Design-Tokens, Diagrammserien, Zustände oder Illustrationspaletten.
  • Vergleichen Sie kopierte Farbwerte mit der sichtbaren Vorschau und dem Quellformat.
  • Nutzen Sie die Bildabtastung, um eine vorhandene visuelle Referenz lokal abzugleichen.

Barrierefreiheit und Ausgabeprüfungen

  • Palettenharmonie garantiert keinen lesbaren Textkontrast; testen Sie den WCAG-Kontrast für jedes Vordergrund-/Hintergrundpaar.
  • Displays, Browser, Farbprofile und Druck können dieselbe numerische Farbe unterschiedlich darstellen.
  • Gerundete Umrechnungen können bei wiederholter Konvertierung um eine Kanaleinheit abweichen.

Häufig gestellte Fragen

Warum weicht der umgerechnete Wert leicht ab?

HEX und RGB verwenden ganzzahlige Kanäle, während HSL und HSV oft gerundete Dezimalumrechnungen erfordern.

Werden hochgeladene Bilder an einen Server gesendet?

Die Bildfarbwerkzeuge dekodieren und sampeln unterstützte Bilder im Browser, sofern die Seite nicht ausdrücklich etwas anderes angibt.

Warum sehen Farben bei starkem Abdunkeln ähnlich aus?

Wenn die Helligkeit gegen Null geht, werden Kanalunterschiede weniger sichtbar und alle Farben konvergieren zu Schwarz.

Die Verarbeitung erfolgt lokal im Browser.