Pular para o conteúdo
Rotina Diária

Conversor de cores

Converta cores entre HEX, RGB, HSL, HSV e CMYK e verifique o contraste WCAG entre duas cores.

    Tonalidades (clique para usar)

    Contraste WCAG entre duas cores

    Texto grande de exemplo

    Texto normal de exemplo: a rápida raposa marrom pula sobre o cão preguiçoso.

    Processado no seu dispositivo. Nada do que você digita é enviado.

    Como usar: conversor de cores

    1. Digite a cor em qualquer formato (#4f46e5, rgb(79, 70, 229), hsl(243, 75%, 59%)) ou use o seletor.
    2. Copie o formato de que precisa ou escolha uma tonalidade mais clara ou escura.
    3. No bloco de contraste, informe a cor do texto e do fundo e veja se passam nos critérios WCAG.

    Sobre esta ferramenta

    HEX, RGB, HSL e HSV descrevem a mesma cor de tela de formas diferentes. CMYK é usado em impressão; a conversão aqui é matemática (sem perfil de cor ICC), então para material gráfico profissional confirme com a gráfica.

    O contraste segue a fórmula de luminância relativa da WCAG 2.x: o nível AA exige 4,5:1 para texto normal e 3:1 para texto grande (a partir de 24 px, ou 18,66 px em negrito); o AAA exige 7:1 e 4,5:1.

    Perguntas frequentes

    Qual contraste mínimo devo usar em sites?

    Para atender à WCAG nível AA (exigido em muitas leis de acessibilidade, como a LBI no Brasil), texto normal precisa de pelo menos 4,5:1 e texto grande, 3:1.

    Por que a cor impressa fica diferente da tela?

    Telas emitem luz (RGB) e impressoras usam pigmentos (CMYK), que reproduzem uma gama menor de cores. Tons muito saturados de azul e verde costumam ficar mais opacos no papel.

    É grátis mesmo? Existe limite diário?

    É grátis e sem limite diário. Como o processamento acontece no seu aparelho, não temos custo por uso e não precisamos limitar você.

    Funciona no celular?

    Sim. O site funciona em qualquer navegador moderno no Android, iPhone, Windows, Mac e Linux, sem instalar nada.

    Ferramentas relacionadas