Vérificateur de contraste de couleurs accessible WCAG 2.1 et générateur de palettes harmonieuses.
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 ().
Générateur visuel d'ombres CSS avec flou, propagation, ombre interne et préréglages multicouches.
Créateur moderne d'effet de verre dépoli avec flou d'arrière-plan, transparence et bordures.
Calculez les formats d'image standard (16:9, 4:3, 21:9) et trouvez les résolutions correspondantes.
Générez des icônes 16x16, 32x32, 180x180, manifest.json et balises de lien HTML.
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.