Farbkontrast-Checker.
Wähle eine Text- und eine Hintergrundfarbe, um ihr Kontrastverhältnis zu sehen und ob sie WCAG AA und AAA erfüllen. Falls nicht, bekommst du die nächste Textfarbe, die es tut.
Großer Text, 24 px
Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.
Kontrastverhältnis
4.54:1
- AA Normaler Text 4.5:1Bestanden
- AA Großer Text 3:1Bestanden
- AAA Normaler Text 7:1Nicht bestanden
- AAA Großer Text 4.5:1Bestanden
- AA Buttons, Icons, Rahmen 3:1Bestanden
Textgröße
- Großer Text 24 px ab 24 px, fett ab 18,66 pxBestanden
- Normaler Text 16 px ab 16 px, gängige PraxisBestanden
Kostenloses Tool, keine Gewähr, keine Haftung. Das Ergebnis wird automatisch von einem kostenlosen Tool von transjt.ai erzeugt, mehr nicht. Es kann unvollständig oder falsch sein. transjt.ai übernimmt keine Gewähr und keine Haftung für Entscheidungen oder Änderungen, die darauf beruhen; prüfe jedes Ergebnis, bevor du es verwendest.
Farbkontrast-Checker in drei Schritten.
- 01
Zwei Farben wählen
Text und Hintergrund, als HEX oder mit dem Farbwähler.
- 02
Verhältnis ablesen
Von 1:1 bis 21:1, mit jeder WCAG-Stufe.
- 03
Korrigieren, was durchfällt
Übernimm mit einem Klick die nächste Farbe, die besteht.
Probier es mit deinem Build aus.
Gestalte deine Website heute, geh morgen live.
Kostenlos startenDemo buchen
WCAG 2 verlangt auf Stufe AA mindestens 4,5:1 für normalen Text und 3:1 für großen Text (24 px oder 18,66 px fett) sowie für Icons und Formularrahmen. Stufe AAA verlangt 7:1 und 4,5:1.
Aus der relativen Leuchtdichte beider Farben: (L1 + 0,05) ÷ (L2 + 0,05), wobei L1 die hellere ist. Schwarz auf Weiß ergibt 21:1, den höchsten möglichen Wert.
Die Funktion behält den Farbton deiner Textfarbe und verschiebt ihre Helligkeit nur so weit wie nötig, um auf deinem Hintergrund 4,5:1 zu erreichen. So bleibt die Farbe erkennbar deine.
Ja, ohne Registrierung und ohne Limits.
Verwandte Tools.
- KomplementärfarbenDie Gegenfarbe und vier weitere Schemata, auf dem Farbkreis.
- Farbwähler aus BildKlicke auf einen beliebigen Punkt eines Bildes für seinen HEX- und RGB-Wert.
- Farbpalette aus BildDie Hauptfarben eines Bildes, die häufigste zuerst.
- RGB zu HEXRot-, Grün- und Blauwerte als HEX-Code, schon beim Tippen.
- HEX zu RGBEin HEX-Code als Rot-, Grün- und Blauwerte, schon beim Tippen.
- CMYK zu RGBDruckwerte als Bildschirmfarben, mit dem HEX-Code.
- Alle Farb-ToolsHEX-, RGB- und CMYK-Codes, Komplementärfarben, ein Farbwähler und Paletten aus Bildern.
- Alle kostenlosen ToolsKleine Tools für die Aufgaben rund um eine Website: Bilder, Farben, Größen und Fonts, Alt-Texte, Prompts für KI-Builder und ein Check, ob KI-Agenten deine Website nutzen können. Die Konverter laufen in deinem Browser, es wird also nichts hochgeladen.
Gestalte deine Website heute, geh morgen live.
Bei transjt zählt jede Sekunde. Deshalb ist unsere Mission einfach: dir Zeit sparen und Reibung aus deinem Workflow nehmen.