Contrast Finder

Contrast-Finder encontra os bons contrastes para a acessibilidade web.

O critèrio de sucesso 1.4.3 das WCAG requer para o texto un rácio de contraste mínimo de 4.5 para fontes normais (e 3 para fontes largas).

Cor em hexadecimal, RGB ou com palavras-chave de cores.
Exemplo : #FFFFFF, rgb(255,255,255) ou white
The contrast of your colours is insufficient.
Current ratio: 1.39

Contraste anterior

Contraste inválido
Primeiro plano Fundo Exemplo Rácio Distância
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 51%, 78%)
  • rgb(173, 229, 229)
  • #ADE5E5

Título Grande com palavras em negrito

Este é um texto de exemplo com algumas palavras em negrito para ilustrar o contraste correto.

1.38926

Novo contraste : 0 resultado (902.190 cores testadas)

Não satisfeito?
Tenta novamente mudando a cor do texto.