Verificador de contrast de color

    Prova la relació de contrast entre els colors de primer pla i de fons per assegurar l'accessibilitat.

    1.00:1
    Contrast
    Fail
    Molt pobre

    Text normal

    AA (4.5:1)
    AAA (7:1)

    Text gran

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FFFF00
    #ffff00

    Correccions ràpides

    Aa

    Títol de previsualització

    El ràpid guineu marró salta sobre el gos mandrós

    Exemple de text petit (12px)

    Text
    #ffffff
    Fons
    #ffff00

    Estàndards WCAG

    Level AA

    Proporció mínima de contrast de 4.5:1 per a text normal i 3:1 per a text gran. Necessari per a la majoria de llocs web.

    Level AAA

    Proporció millorada de contrast de 7:1 per a text normal i 4.5:1 per a text gran. Recomanat per a una accessibilitat òptima.

    Contrast insuficient per a totes les mides de text - no compleix els estàndards WCAG.

    Verificador de contrast de color

    Calcula la relació de contrast entre els colors del text i el fons.

    Trieu un color amb el selector de colors per al text i el color de fons o introduïu un color en format hexadecimal RGB (per exemple, #259 o #2596BE). Podeu ajustar el control lliscant per seleccionar el color. Les Directrius d'Accessibilitat del Contingut Web (WCAG) tenen una directriu específica per ajudar a determinar si el text és llegible per a usuaris amb visió. Aquest criteri utilitza un algoritme concret per combinar combinacions de colors en ràtios comparables. Utilitzant aquesta fórmula, la WCAG especifica que una proporció de contrast de color de 4.5:1 entre text i fons és adequada per al text normal, i el text gran (18+ pt regular, o 14+ pt negreta) hauria de tenir almenys una proporció de contrast de 3:1.

    Característiques clau

    • Càlcul de la relació de contrast en temps real
    • Verificació de compliment WCAG AA i AAA
    • Controls HSL per a ajustos precisos
    • Formats de previsualització múltiples

    Eines avançades

    • Correcció automàtica de colors
    • Mostres de text i fons
    • Detecció de noms de color
    • Exportar resultats