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)
    #C0C0C0
    #c0c0c0
    #FFFFFF
    #ffffff

    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
    #c0c0c0
    Fondo
    #ffffff

    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 seleccionador de cores para texto e 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 usa un algoritmo particular para mapear combinacións de cores en relacións comparables. Usando esta fórmula, a WCAG establece que unha relación de contraste de 4.5:1 entre o texto e o fondo é axeitada para texto normal e o texto grande (18+ pt regular ou 14+ pt en grosa) 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