Farbbereich
Farbschattierungs-Generator
Dunkle eine Farbe ab, indem du sie mit Schwarz mischst.
Farbschattierungs-Generator: TOEA wendet diese feste Formel an: Shade = color × (1 − amount) + black × amount. Die Farbberechnung läuft lokal in deinem Browser. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Alltagswerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Abgedunkeltes HEX
#BB5611
- Abgedunkeltes RGB
- rgb(187, 86, 17)
Schattierung = Farbe × (1 − Anteil) + Schwarz × Anteil- Die Ergebnisse sind deterministische mathematische Transformationen im sRGB-Farbraum; die Darstellung hängt von deinem Monitor und Farbprofil ab.
- HEX-Eingaben akzeptieren die Schreibweise #RGB oder #RRGGBB. Werte bleiben in deinem Browser und werden nicht hochgeladen.
Abdunklungen für Zustände und Text
Eine Abdunklung der Schaltflächenfarbe um 10–20 % ist ein üblicher Hover- oder Aktivzustand: dunkel genug, um aufzufallen, aber nicht so dunkel, dass eine andere Farbe entsteht. Stärkere Abdunklungen mit 60–80 % Schwarz verwandeln eine Markenfarbe in einen tiefen Farbton für Überschriften oder Text, der weiterhin als Teil der Palette erkennbar ist. Auf weißem Hintergrund bestehen diese Abstufungen den Kontrasttest am ehesten. Erzeuge jede Abstufung aus der ursprünglichen Basisfarbe, damit die Skala gleichmäßig bleibt.
Wenn dunkle Varianten trüb wirken
Das Mischen mit Schwarz skaliert jeden Kanal gleichmäßig. Dadurch bleibt zwar der Farbton erhalten, nicht aber die Bezeichnung, die wir dafür verwenden. Dunkles Gelb wirkt oliv, dunkles Orange braun und dunkles Pink kastanienbraun, obwohl die Berechnung genau das Richtige tut. Wenn eine Abdunklung schmutzig aussieht, verschieben Designer den Farbton oft leicht, zum Beispiel Gelb in Richtung Orange, bevor sie ihn abdunkeln. Mit dem Farbmischer kannst du statt reinem Schwarz in Richtung eines tiefen Marineblaus oder Brauns abdunkeln und so ein satteres Ergebnis erzielen.
So benutzt du es
- Gib gültige #RGB- oder #RRGGBB-Werte und den gewünschten Prozentsatz ein.
- Führe die festgelegte, lokal im Browser ausgeführte Farboperation aus.
- Prüfe die Farbfelder und kopiere das Ergebnis oder die Palettenwerte.
Datenschutz & Einschränkungen
Farbwerte bleiben auf diesem Gerät. Das Kontrastergebnis ist eine mathematische Prüfung, keine pauschale WCAG-Konformitätsgarantie; Kontext, Schriftdarstellung, Nicht-Text-Kontrast und Zustände der Benutzeroberfläche müssen weiterhin geprüft werden.
Ähnliche Tools
Häufige Fragen
Wie funktioniert der Schattierungs-Generator?
Er verwendet: Shade = color × (1 − amount) + black × amount.
Welche HEX-Formate werden akzeptiert?
Verwende dreistellige #RGB- oder sechstellige #RRGGBB-sRGB-Schreibweise. Alpha-Kanäle und benannte Farben werden nicht akzeptiert.
Garantiert das Kontrastergebnis die Einhaltung der Richtlinien zur Barrierefreiheit?
Nein. Es ist eine mathematische Kontrastprüfung für die angegebenen Farben und Textschwellen, keine pauschale Konformitätsgarantie.
Kostenloses Tool · läuft in deinem browser · kein Konto nötig