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)
White
#ffffff
Creole
#1e0f04

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
#ffffff
Fondo
#1e0f04

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