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)
    Black
    #000000
    Eastern Blue
    #2596be

    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
    #000000
    Fons
    #2596be

    Estàndards WCAG

    Level AA

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

    Level AAA

    Relació de contrast millorada 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.

    Tria un color utilitzant el selector de color per al text i el color de fons o introdueix un color en format hexadecimal RGB (per exemple, #259 o #2596BE). Pots 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 als usuaris amb visió. Aquest criteri utilitza un algorisme particular per mapar combinacions de colors en relacions comparables. Utilitzant aquesta fórmula, les WCAG estableixen que una relació de contrast de color de 4.5:1 entre el text i el seu fons és adequada per al text normal (cos), i el text gran (18+ pt normal, o 14+ pt en negreta) hauria de tenir almenys una relació 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