Farb- & CSS-Tools — WCAG-Kontrast, modernes Einfügen
Lokal eingefügte Farbtools für Entwickler. WCAG-2.2-Kontrast auf einem Paar oder einer N×N-Matrix mit moderner CSS-Farbsyntax prüfen. Nichts wird hochgeladen. Theme-CSS minifizieren? Siehe CSS minimieren und Verschönern CSS.
- Zwei Farben einfügen und AA/AAA plus Nicht-Text 3:1 ohne Extra-Klick lesen.
- Eine Token-Palette auf einer Matrix mit fixiertem Header und Konformitätsfilter prüfen.
- Eine URL teilen, die Farben und Optionen wiederherstellt — getrennt von Social-Share-Buttons.
WCAG-Farbkontrast-Prüfer
WCAG-2.2-Kontrast auf Paar oder Matrix — OKLCH- und color()-Einfügen, optionale APCA-Beta-Überlagerung, teilbare URL.
Farbkonverter
Eine CSS-Farbe einfügen und HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH und color() gleichzeitig erhalten — Alpha- und Gamut-bewusst.
PX / REM / EM Umrechner
Eine px-, rem- oder em-Länge einfügen und alle drei Einheiten gleichzeitig sehen, plus eine Live-Referenztabelle gängiger px-Werte.
Farbabstufungen- & Farbtöne-Generator
Eine Farbe einfügen und live Aufhellungs- und Abdunkelungs-Skalen Richtung Weiß und Schwarz erhalten — Stufenzahl einstellbar, HEX/RGB/HSL-Ausgabe.