Verificador de contraste de cores acessível WCAG 2.1 e gerador de paletas harmoniosas.
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 ().
Criador visual de sombras CSS com desfoque, propagação, inset e predefinições em camadas múltiplas.
Criador moderno de efeito de vidro fosco com desfoque de fundo, transparência e bordas.
Calcule proporções padrão (16:9, 4:3, 21:9) e encontre resoluções correspondentes.
Gere ícones 16x16, 32x32, 180x180, manifest.json e tags de link HTML com um clique.
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.