Verificador de contrast de color

    Proveu la relació de contrast entre els colors de primer pla i de fons per garantir 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

    Solucions ràpides

    Aa

    Títol de la vista prèvia

    La guineu marró, ràpida, salta per sobre del 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. Obligatòria 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.

    Poc contrast per a totes les mides de text.

    Comprovador de contrast de colors

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

    Trieu un color amb el selector de color per al text i el color de fons o introduïu un color en format hexadecimal RGB (p. ex., #259 o #2596BE). Podeu ajustar el control lliscant per seleccionar el color. Les directrius d'accessibilitat de contingut web (WCAG) tenen una directriu específica per ajudar a esbrinar si el text és llegible per als usuaris vidents. Aquest criteri utilitza un algorisme particular per mapejar combinacions de colors en proporcions comparables. Utilitzant aquesta fórmula, WCAG estableix que una relació de contrast de color de 4,5:1 amb 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 3: Relació de contrast de 1 color.

    Característiques principals

    • Càlcul de la relació de contrast en temps real
    • Comprovació de compliment de les WCAG AA i AAA
    • Controladors HSL per a un ajust precís
    • Múltiples formats de previsualització

    Eines avançades

    • Fixació automàtica del color
    • Exemples de text i fons
    • Detecció del nom del color
    • Exporta els resultats