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
#ff009e

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
#ff009e

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