---
title: Verificador de Contraste de Cores WCAG
date: 2026-05-09T17:35:53Z
modified: 2026-08-18T01:57:05Z
permalink: "https://camaraux.com.br/ferramentas/verificador-de-contraste-de-cores-wcag/"
type: page
status: publish
excerpt: ""
wpid: 7279
rank_math_focus_keyword: Contraste de Cores,WCAG
parent: 5900
ancestors:
  - 5900
children: []
author: Lucas Camara
timestamp: 2026-08-18T01:57:05Z
tags: []
---

Ferramenta Acessibilidade Defina tamanho base, proporção de escala e pares de fonte. Visualize a hierarquia tipográfica em tempo real e exporte tokens prontos para CSS, SCSS, Android XML, Flutter Dart e React. Desenvolvido para UI/UX designers que precisam de consistência tipográfica em qualquer plataforma.

Inicio  ### Configurações

 Limpar 

 Cor do texto   **\#D4D4ED** _Copiar_   

   Hexadecimal RGB HSL HWB OKLCH     

 Cores recentes

 

 

 

  Inverter cores  Cor de fundo   **\#031ACD** _Copiar_   

   Hexadecimal RGB HSL HWB OKLCH     

 Cores recentes

 

 

 

 

    **Ver cores em escala de cinza**    Verificador WCAG## Verificador de contraste de cores

 

### Relação de contraste

 

 **21.00** : 1 **Perfeito** 

 

### Resultados WCAG

 Tipo de elemento AA AAA 

 **Aa**Texto normal   

 **Aa**Texto grande   

 **▦**Elementos não textuais   

 

 

### Texto grande

Texto normal de exemplo. Experimente alterar as cores para ver o resultado ao vivo.

 

  Enviar

### Categorias

## Ter uma pergunta ou dica de assunto?

 [ Entrar em contato
 ](/contato)