Farbbereich

Farb‑Tönungs‑Generator

Helle eine Farbe auf, indem du sie mit Weiß mischst.

Farb‑Tönungs‑Generator: TOEA wendet diese feste Formel an: Tönung = Farbe × (1 − Anteil) + Weiß × Anteil. 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
TOEA / FARBMODUL 01Nur im Browser
EINGABEBLATT / 01

Farbwerte

Die Werte bleiben auf diesem Gerät. Berechne neu, nachdem du eine Eingabe geändert hast.

ERGEBNISBLATT / 02

HEX der Tönung

#5C8AF0

RGB der Tönung
rgb(92, 138, 240)
Verwendete FormelTönung = Farbe × (1 − Anteil) + Weiß × Anteil
ANNAHMEN / VOR DER VERWENDUNG LESEN
  1. Die Ergebnisse sind deterministische sRGB‑Transformationen; die Darstellung hängt von deinem Monitor und vom Farbprofil ab.
  2. HEX‑Eingaben akzeptieren die #RGB‑ oder #RRGGBB‑Notation. Werte bleiben in deinem Browser und werden nicht hochgeladen.

Eine helle Farbskala erstellen

Designsysteme leiten hellere Abstufungen oft durch Mischen mit Weiß ab; Bootstraps tint-color() funktioniert auf diese Weise. Farbtöne mit etwa 80–95 % Weiß eignen sich als Hintergründe für Hinweise, ausgewählte Zeilen und Abzeichen, während 20–40 % eine weichere Version der Markenfarbe für Hover-Flächen und Illustrationen ergeben. Erzeuge jede Abstufung aus der ursprünglichen Basisfarbe statt aus einer bereits aufgehellten Farbe, damit die Prozentsätze aussagekräftig bleiben. Verwende die Basisfarbe selbst für Text oder Symbole auf den hellsten Abstufungen.

Warum aufgehellte Farben kreidig wirken können

Das Hinzufügen von Weiß verringert die Sättigung und erhöht zugleich die Helligkeit. Dadurch können blasse Farbtöne milchig wirken; insbesondere Blau kann in Richtung Lavendel abdriften. Wenn eine helle Abstufung unpassend wirkt, versuche es mit einer etwas stärker gesättigten Basisfarbe oder stelle die Helligkeit direkt im Farbkonverter ein und vergleiche. Dunkler Text besteht den Kontrasttest auf einer aufgehellten Farbe leichter, je heller diese wird. Prüfe das verwendete Paar im Kontrastprüfer.

So benutzt du es

  1. Gib gültige #RGB- oder #RRGGBB-Werte und den gewünschten Prozentsatz ein.
  2. Führe die feste, lokal im Browser laufende Farboperation aus.
  3. Prüfe die Farbfelder und kopiere das Ergebnis oder die Palettenwerte.

Datenschutz & Einschränkungen

Farbwerte bleiben auf diesem Gerät. Die Kontrastausgabe 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

Schattierungs-GeneratorFarbmischer

Häufige Fragen

Wie funktioniert der Tönungs‑Generator?

Er verwendet: Tönung = Farbe × (1 − Anteil) + Weiß × Anteil.

Welche HEX-Formate werden akzeptiert?

Verwende die dreistellige #RGB- oder die sechsstellige #RRGGBB‑sRGB‑Notation. Alpha-Kanäle und benannte Farben werden nicht akzeptiert.

Garantiert das Kontrastergebnis die Einhaltung der Barrierefreiheitsanforderungen?

Nein. Es ist eine mathematische Kontrastprüfung für die gemeldeten Farben und Textschwellen, keine pauschale Konformitätsgarantie.

Kostenloses Tool · läuft in deinem browser · kein Konto nötig