Verificador de contraste de cores

    Proba a relación de contraste entre as cores de primeiro plano e de fondo para garantir a accesibilidade.

    1.00:1
    Contraste
    Fail
    Moi pobre

    Texto normal

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

    Texto grande

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Black
    #2596be

    Solucións rápidas

    Aa

    Vista previa do título

    O raposo marrón rápido salta sobre o can preguiceiro

    Exemplo de texto pequeno (12 px)

    Texto
    #000000
    Fondo
    #2596be

    Estándares WCAG

    Level AA

    Relación de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande. Obrigatoria para a maioría dos sitios web.

    Level AAA

    Relación de contraste mellorada de 7:1 para texto normal e de 4,5:1 para texto grande. Recomendada para unha accesibilidade óptima.

    Poco contraste para todos os tamaños de texto.

    Comprobador de contraste de cor

    Calcula a relación de contraste do texto e das cores de fondo.

    Escolla unha cor usando o selector de cores para o texto e a cor de fondo ou introduza unha cor en formato hexadecimal RGB (por exemplo, #259 ou #2596BE). Podes axustar o control deslizante para seleccionar a cor. As directrices de accesibilidade ao contido web (WCAG) teñen unha directriz específica para axudar a descubrir se o texto é lexible para os usuarios videntes. Este criterio usa un algoritmo particular para asignar combinacións de cores en proporcións comparables. Usando esta fórmula, WCAG indica que unha proporción de contraste de cores de 4,5:1 co texto e o seu fondo é adecuada para o texto normal (corpo), e o texto grande (18+ pt en regular ou 14+ pt en negrita) debería ter polo menos 3: Relación de contraste de 1 cor.

    Características principais

    • Cálculo da relación de contraste en tempo real
    • Comprobación de cumprimento de WCAG AA e AAA
    • Controles deslizantes HSL para axuste fino
    • Múltiples formatos de vista previa

    Ferramentas avanzadas

    • Fixación automática da cor
    • Mostras de texto e fondo
    • Detección do nome da cor
    • Exportar resultados