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.36

Contraste anterior

Contraste inválido
Primeiro plano Fundo Exemplo Rácio Distância
  • hsl(0, 0%, 86%)
  • rgb(221, 221, 221)
  • #DDDDDD
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Título Grande com palavras em negrito

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

1.35825

Novo contraste : 1 resultado (1.494.425 cores testadas)

Contrastes válidos
Primeiro plano Fundo Exemplo Rácio Distância
  • hsl(0, 1%, 58%)
  • rgb(152, 148, 148)
  • #989494
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Título Grande com palavras em negrito

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

3.00057 103.43
Não satisfeito?
Propõe-me uma gama de cores válidas