ToolCabana

Paletten-Kontrastprüfer

Zeigt Farbpaare und ihre WCAG-Kontrastverhältnisse als Vorschau.

Favorites are saved in this browser. Find them in My favorites.

Paletten-Kontrastprüfer

Your input stays in this browser unless stated otherwise
Clear your input, files and result, and restore the default settings.
=

Make it yours

Adjust the values, then get your result.

So verwendest du Paletten-Kontrastprüfer

Palette accessibility preview takes 1 to 12 six-digit HEX colors and checks every text and background combination, including each color against itself. It builds a table of WCAG contrast ratios with an AA normal text pass or fail at 4.5:1, a grid of sample swatches, and a JSON download of all pairs.

  1. Gib die angeforderten Werte im Einstellungsbereich ein.
  2. Setze die HEX-Farben der Palette.
  3. Führe den Paletten-Kontrastprüfer aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.

Was dieses Tool unterstützt

Zeigt Farbpaare und ihre WCAG-Kontrastverhältnisse als Vorschau.

HEX-Farben der Palette
Set this value for your task.

Grenzen und Verarbeitung

Es gelten die Datei- und Textlimits des Browsers sowie die in den Einstellungen angezeigten Grenzen. Die Bildverarbeitung ist auf 32 Megapixel begrenzt. Die OCR-Qualität hängt von Auflösung und Layout der Quelle ab.

Beispielquelle
A useful tool makes everyday work easier. Review the results before sharing.

Häufige Fragen

How do I check the contrast of my whole color palette?

Enter your HEX colors separated by commas or spaces, for example #17243a, #ffffff, #ed854b. The tool compares every color as text on every color as background and lists the ratio for each pair.

Does palette preview check WCAG AAA or large text?

No. Each pair is marked only against the AA threshold for normal text, 4.5:1. The ratio is shown with two decimals, so you can compare it with 3:1 for large text or 7:1 for AAA yourself.

Why is my color rejected by the palette preview?

Only six-digit HEX codes with a leading # are accepted, such as #1a2b3c. Three-digit shorthand, color names, rgb() values and lists longer than 12 colors return an error.

Wo wird meine Eingabe verarbeitet?

Verarbeitet die Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelle wird nicht im Kontoverlauf gespeichert.

Welche Eingabelimits gelten?

Es gelten die Datei- und Textlimits des Browsers sowie die in den Einstellungen angezeigten Grenzen. Die Bildverarbeitung ist auf 32 Megapixel begrenzt. Die OCR-Qualität hängt von Auflösung und Layout der Quelle ab.