WCAG 2.1 barrierefreier Farbkontrast-Prüfer und harmonischer Palettengenerator.
Configures preset index during client-side color palette extractor & contrast checker computation.
Configures fg color during client-side color palette extractor & contrast checker computation.
Configures bg color during client-side color palette extractor & contrast checker computation.
Configures fg input during client-side color palette extractor & contrast checker computation.
Under , foreground maps to and background maps to .
NxN comparison matrix evaluating WCAG 2.1 compliance between every combination of colors in your active palette.
Export your verified color tokens into Tailwind configuration, CSS Custom Properties, JSON, or downloadable SVG vector swatches.
Verify that your preset index matches the expected number format. Load a built-in sample preset to compare structural formatting.
Check the fg color setting in Color Palette Extractor & Contrast Checker to ensure encoding, precision, or specification version matches your target runtime.
Generate mathematically balanced color harmonies (Complementary, Triadic, Analogous, Monochromatic, and Tailwind tone scales).
Extract dominant color swatches locally in your browser via HTML5 Canvas. Zero network transmission.
Evaluate how your contrast pair and active palette appear to users with different forms of color blindness using validated Brettel/Viénot transformations.
This is the original appearance of your foreground () over background ().
Visueller CSS-Schatten-Generator mit Unschärfe, Ausbreitung, Inset und Mehrschicht-Voreinstellungen.
Moderner Mattglaseffekt-Generator mit Hintergrundunschärfe, Transparenz und Randeffekten.
Berechnen Sie Standard-Seitenverhältnisse (16:9, 4:3, 21:9) und finden Sie passende Auflösungen.
Generieren Sie Favicon-Icons (16x16, 32x32, 180x180), manifest.json und HTML-Link-Tags.
Convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly with visual color picker, shades, and contrast checks.
Test text and background color pairs against WCAG 2.1 AA and AAA accessibility standards with real-time contrast ratio score.