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
#3b82f6; um 20 % abdunkeln
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.