WCAG-Farbkontrast-Prüfer

Vorder- und Hintergrund-CSS-Farben einfügen, um WCAG-2.2-AA/AAA- und Nicht-Text-3:1-Urteile mit Kontrastverhältnis zu sehen. HEX, RGB, HSL, OKLCH, color() und benannte Farben funktionieren in Paar- und Matrixansicht. Im Browser geprüft — nie gesendet.

Laden…
WCAG-Farbkontrast-Prüfer
CSS-Farben einfügen, um Kontrastverhältnis und WCAG-2.2-Konformität zu lesen. Matrixmodus akzeptiert bis zu 16 Farben pro Achse (Fail-Closed darüber hinaus). APCA ist optional und als Beta gekennzeichnet — nie mit WCAG-Scores zusammengeführt.

Entwicklerhinweise

• WCAG 2.2 ist die Standard-Pass/Fail-Baseline (1.4.3, 1.4.6, 1.4.11). • Vordergrund-Alpha wird vor dem Verhältnis über den Hintergrund komponiert. • Matrix-Obergrenze ist 16 Farben pro Achse — eine 17. Farbe zeigt einen Fehler, nie stilles Abschneiden. • APCA nutzt die unabhängige color.js-Implementierung — nicht das apca-w3-npm-Paket. • Teilbare URL ist für Arbeitsbereichszustand; Social-Share-Buttons sind getrennt.

Optionen

  • APCA-Überlagerung (Beta) — Zeigt APCA Lc in einem separaten, beschrifteten Abschnitt. Standard aus. Impliziert nie WCAG-3-Konformität.
  • Textgröße und -stärke — Setzt WCAG-Großtext-Schwellen und die Beispielvorschau. Standard 20px / 400 (Normaltext).
  • Vordergrund-Alpha — Komponiert den Vordergrund über den Hintergrund vor der Verhältnisberechnung. Standard 1 (deckend).
  • Matrix-Konformitätsfilter — Zeigt oder blendet AAA-, AA-, Groß-AA- und Fehlerzellen in der Matrix aus. In Einzelpaar-Ansicht ausgeblendet.

Verwandte CSS-Tools

Hub: Farb- & CSS-Tools. Stylesheets verkleinern oder formatieren mit CSS minimieren und Verschönern CSS.

FAQ — WCAG-Farbkontrast-Prüfer

WCAG-first, lokal eingefügter Prüfer

Ist APCA dasselbe wie WCAG 3?

Nein. APCA ist eine optionale Beta-Überlagerung in einem separaten Abschnitt. WCAG 2.2 AA/AAA bleibt die Konformitäts-Baseline auf dieser Seite.

Werden meine Farben hochgeladen?

Nein. Parsing und Kontrastberechnung laufen vollständig in Ihrem Browser. FastMinify sendet Farben nie an einen Server.

Welche Einfügeformate funktionieren?

HEX, RGB, HSL, OKLCH, CSS color() (inkl. display-p3) und benannte CSS-Farben — kein Format-Umschalter nötig.

Wie viele Matrixfarben sind erlaubt?

Bis zu 16 pro Achse (max. 256 Zellen). Darüber hinaus Fail-Closed mit sichtbarem Fehler.

Farb- & CSS-Tools

Lokal eingefügte WCAG-Kontrastprüfung mit moderner CSS-Farbsyntax — Paar- und Matrixansicht, nie hochgeladen.

Farbkonverter

PX / REM / EM Umrechner

Farbabstufungen- & Farbtöne-Generator

Weitere Werkzeugkategorien entdecken

Minimieren

Verkleinern Sie Code und Ressourcen für die Produktion – minimieren Sie JavaScript, CSS, HTML, JSON und XML vor der Bereitstellung von gzip oder CDN.

Aufheben

Erweitern Sie minimierten oder komprimierten Code – entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate beim Debuggen oder Überprüfen.

Konvertierung

Transformieren Sie Daten zwischen JSON, YAML, XML und CSV lokal – keine Server-Uploads.

Codierung

Kodieren oder dekodieren Sie Base64-, URL-Komponenten und HTML-Entitäten – nur clientseitig.

Serialisierung

Serialisieren und deserialisieren Sie PHP-Datenstrukturen neben JSON-Workflows.

JSON Werkzeuge

Validieren, formatieren, vergleichen und erkunden Sie JSON-Nutzlasten – ergänzend zu Minifiern und Konvertern.

SVG Werkzeuge

Vorschau anzeigen, mit SVGO optimieren, Daten exportieren URI, Größe ändern, verschönern, in JSX konvertieren und SVG validieren – alles in Ihrem Browser.

Verschönern

Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.

CSS-Präprozessoren

Kompilieren Sie SCSS oder LESS zu Standard-CSS im Browser — kombinieren Sie mit Beautify oder Minify für einen vollständigen Stylesheet-Workflow.

DevOps und Infrastruktur

Terraform HCL formatieren/validieren/minimieren, Dockerfile formatieren und lint, Docker Verfassen und .env-Validierung.

CI/CD

GitHub Aktionen und GitLab CI – formatieren Sie YAML und überprüfen Sie die Workflow-/Auftragsstruktur in Ihrem Browser.

Protokolle und Beobachtbarkeit

Zeilenorientierte JSON/NDJSON- und Nginx/Apache-Zugriffsprotokolle – formatieren, filtern, validieren und CSV/TSV.

Kubernetes

Multi-Doc-Manifeste, strukturelle Validierung, Ingress/Deployment-Starter und Helm-Werteformatierung.

Netzwerk / IP

CIDR, Subnetze und IPv4/IPv6-Helfer — im Browser.

Sicherheit und Token

JWKS, X.509-Zertifikate und Secrets-Scan – browserlokal.

API & Schemata

OpenAPI Tools zum Formatieren, Validieren und Flusen Ihrer Spezifikationen.

HTTP-Tools

cURL, HTTP-Nachrichten, URLs, HAR und Cookie/Set-Cookie lokal einfügen — formatieren und prüfen, nie gesendet.

Entwickler-Dienstprogramme

Zeitstempel, UUID, ULID, Nanoid, Cron, Passwörter, Regex, Slugify, Zahlenbasen, Groß-/Kleinschreibung, Textunterschied und chmod – alles clientseitig.

Text & Markdown

Wörter zählen, Markdown-TOC erzeugen und Zeilenlisten bereinigen — im Browser.

KI & LLM

Token-Zählung, Kostenschätzung und Kontextfenster — 100 % im Browser.

Testdaten

Synthetische Feldwerte für Fixtures und DB-Seed — zuerst reservierte Telefonnummern.