Comprobador de contraste de cor

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

    Solucións rápidas

    Aa

    Título de vista previa

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

    Exemplo de texto pequeno (12px)

    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. Requirido para a maioría dos sitios web.

    Level AAA

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

    Contraste insuficiente para todos os tamaños de texto - non cumpre os estándares WCAG.

    Comprobador de contraste de cor

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

    Escolle unha cor usando o selector de cor para o texto e a cor de fondo ou introduce 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 determinar se o texto é lexible para usuarios con visión. Este criterio utiliza un algoritmo particular para mapear combinacións de cores en relacións comparables. Usando esta fórmula, WCAG establece que unha relación de contraste de 4.5:1 entre o texto e o seu fondo é adecuada para texto normal (corpo), e o texto grande (18+ pt normal, ou 14+ pt en negriña) debe ter polo menos unha relación de contraste de 3:1.

    Funcionalidades clave

    • Cálculo de relación de contraste en tempo real
    • Verificación de conformidade WCAG AA & AAA
    • Controis deslizantes HSL para axuste fino
    • Múltiples formatos de vista previa

    Ferramentas avanzadas

    • Corrección automática de cores
    • Mostras de texto e fondo
    • Detección de nome de cor
    • Exportar resultados