Verificador de contraste de cores

Verifique o contraste de cores para garantir que o seu design cumpre os padrões de acessibilidade WCAG.

Exemplo de texto de fonte grande.
Exemplo de texto de fonte normal.
Exemplo de texto de fonte normal em negrito.
Texto grande:
WCAG AA
Sim
WCAG AAA
Sim
Texto normal:
WCAG AA
Sim
WCAG AAA
Sim
Texto em negrito:
WCAG AA
Sim
WCAG AAA
Sim
Elementos de UI:
WCAG AA
Sim
Rácio de contraste:
21.00 Excelente

Cor de primeiro plano

Leveza

Cor de fundo

Leveza
By uploading your files or using our service you agree with our Terms of Service and Privacy Policy

Aspose.HTMLAspose.HTML Web Applications

Verifique facilmente o contraste de cores para acessibilidade!

O Verificador de contraste de cores é uma aplicação online gratuita para encontrar o contraste de cores ideal para os elementos da interface do utilizador. Esta ferramenta segue as WCAG, que são uma série de recomendações para tornar o conteúdo web mais acessível. Verifique o contraste de cores entre o texto e o fundo e torne o conteúdo do seu website fácil de ler!

Porque é que o contraste de cores é importante?

O contraste de cores é uma componente significativa no design de websites. Um bom contraste melhora a legibilidade e a acessibilidade, tornando o seu website mais amigável para todos, incluindo aqueles com deficiência visual. O cumprimento dos padrões WCAG garante a conformidade legal e melhora a experiência do utilizador. A nossa ferramenta gratuita calcula as taxas de contraste instantaneamente, ajudando-o a escolher as cores para uma melhor visibilidade.

Taxa de contraste de cores

A taxa de contraste de cores mede a diferença de brilho entre duas cores, garantindo que o texto e os elementos da interface do utilizador se destacam em relação aos seus fundos. As taxas de contraste podem variar de 1 a 21. A WCAG define dois níveis de conformidade em função dos critérios de sucesso: AA (contraste mínimo) e AAA (contraste melhorado):
- O nível AA requer uma taxa de contraste de 4,5:1 para texto normal e 3:1 para texto grande ou negrito.
- O nível AAA requer uma relação de contraste de 7:1 para texto normal e de 4,5:1 para texto grande ou negrito.
  • Maneira rápida e fácil de verificar o contraste do design do seu site
  • Várias maneiras de escolher cores: manualmente ou usando a ferramenta seletor de cores
  • Indicadores de conformidade para as Diretrizes de acessibilidade de conteúdo da Web (WCAG)
  • Sem limites, sem registro e instalação de software
  • Funciona com seu dispositivo favorito

Como verificar o contraste de cores

  • Insira as cores do plano de fundo e do primeiro plano no formato HEX ou selecione-as usando o seletor de cores. Depois de escolher uma cor, você pode ajustar a luminosidade.
  • No painel de visualização à esquerda, você verá como o par de cores selecionado aparecerá para texto grande, normal, em negrito e elementos da interface do usuário.
  • O painel à esquerda e abaixo mostra se o par de cores selecionado corresponde aos requisitos de contraste WCAG.

FAQ

  • Como é calculada a taxa de contraste de cor?A taxa de contraste é determinada através de fórmulas WCAG, medindo a diferença no brilho percebido entre duas cores. A diferença é medida numa escala de taxa que começa em 1:1 (para branco sobre branco), até 21:1 (para preto sobre branco).
  • Qual a relação de contraste recomendada para texto?Para conformidade com a WCAG AA, o texto deve ter uma proporção mínima de 4,5:1 ou 3:1 para texto grande (18 pt ou mais) ou em negrito. Para conformidade com AAA, a proporção deve ser de 7:1 para texto normal e 4,5:1 para texto grande ou negrito. Quanto maior for a fonte, mais legível será, com menos contraste. Consequentemente, os requisitos de contraste para fontes maiores são mais baixos.
  • Verificador de contraste rápido e fácil

    Primeiro, selecione as cores de primeiro plano e de fundo. O valor do contraste será mostrado imediatamente e informado se as cores selecionadas atendem aos requisitos de contraste WCAG ou não.
  • Verifique o contraste de qualquer lugar

    Funciona em todas as plataformas, incluindo Windows, Linux, Mac OS, Android e iOS. Todos os arquivos são processados em nossos servidores. Não é necessário instalar plug-in ou software para você.
  • Qualidade verificador de contraste de cores

    Todos os dados são processados usando APIs Aspose, que são bem estabelecidas na indústria de software e usadas por muitas empresas da Fortune 100 em 114 países.
© Aspose Pty Ltd 2001-2025. All Rights Reserved.