Aller au contenu principal
    0 / 55 uses remaining today

    WCAG Palette Analyzer - Color Accessibility Audit

    Audit accessibility of your complete palette.

    Palette à analyser

    Matrice de contraste

    Primary
    Secondary
    Background
    Text
    Muted
    Primary
    1.15
    Fail
    3.68
    AA-L
    3.98
    AA-L
    1.29
    Fail
    Secondary
    1.15
    Fail
    4.23
    AA-L
    3.45
    AA-L
    1.12
    Fail
    Background
    3.68
    AA-L
    4.23
    AA-L
    14.63
    AAA
    4.76
    AA
    Text
    3.98
    AA-L
    3.45
    AA-L
    14.63
    AAA
    3.07
    AA-L
    Muted
    1.29
    Fail
    1.12
    Fail
    4.76
    AA
    3.07
    AA-L

    Légende WCAG 2.1

    AAA

    Niveau AAA

    Ratio ≥ 7:1 - Excellence

    AA

    Niveau AA

    Ratio ≥ 4.5:1 - Standard

    AA-L

    AA Large

    Ratio ≥ 3:1 - Grands textes

    Fail

    Échec

    Ratio < 3:1 - Non conforme

    Supported formats

    Palette
    HEX
    CSS Variables
    JSON

    How it works

    1

    Import your color palette

    2

    Analysis checks all possible combinations

    3

    View AA and AAA results for each pair

    4

    Export accessibility report

    Privacy guaranteed

    Local analysis, your colors remain private.

    Complete audit of your color palette

    Checking one or two color combinations is insufficient. Our analyzer tests ALL possible combinations in your palette and shows you a complete overview of your design system's accessibility. Audit WCAG 2.2 compliance at A, AA and AAA levels: contrast, touch target size, visible focus, text alternatives — a fast accessibility audit for developers and designers. Instantly convert between HEX, RGB, HSL, HSV and CMYK, adjust hue, saturation and lightness with real-time preview and check WCAG AA/AAA contrast for sRGB-compliant accessibility.

    Interactive contrast matrix

    View all combinations in a color matrix. Immediately identify problematic pairs (in red) and safe combinations (in green). Click to explore details.

    Overall accessibility score

    Get a 0-100% score indicating the percentage of compliant combinations. Compare your palettes and track accessibility improvement over time.

    Import your palette from different sources

    Import from CSS (custom properties), Tailwind config, JSON design tokens, .ase files (Adobe), or simply a list of HEX codes. Our tool adapts to your existing workflow.

    Automatic improvement recommendations

    For each failing combination, the analyzer suggests minimal adjustments. It can propose slightly darkening one color or lightening the other to achieve compliance while preserving visual identity.

    Report export for documentation

    Generate a professional PDF report for your teams, clients or accessibility audits. Report includes complete matrix, ratios for each pair, recommendations and overall score.

    CI/CD workflow integration

    Export results as JSON to integrate into your automated test pipelines. Block deployments if accessibility drops below a defined threshold. Ensure continuous compliance.

    WCAG 2.2 audit and 2025 legal compliance

    The European Accessibility Act (EAA) takes effect in June 2025. Any e-commerce, banking or transport site must comply with WCAG 2.2 AA or face fines. Our analyzer checks contrast ratios to help you achieve compliance.

    Related tools

    Frequently asked questions