Skip to main content
SiteIndex

Utilitários

Conversor de cores HEX, RGB e HSL — Documentação

Converta cores sólidas entre HEX, RGB e HSL em tempo real. Explore paletas complementares ou análogas e confira o contraste WCAG com outra cor.

Usar Conversor de cores HEX, RGB e HSL

Como funciona

Converta cores sólidas entre HEX, RGB e HSL em tempo real. Explore paletas complementares ou análogas e confira o contraste WCAG com outra cor.

Esta ferramenta executa a operação solicitada no navegador sempre que possível.

Quando usar
  • Use Conversor de cores HEX, RGB e HSL quando precisar de um resultado específico para esta tarefa.
Entradas e resultados
Entrada
Informe o valor solicitado no formulário. Em verificações de rede, use um domínio, URL ou host público que você tenha autorização para consultar.
Resultado
O resultado aparece na área de trabalho. Confira os avisos e as limitações antes de se basear nele.
Limitações
  • O resultado depende dos dados e, quando aplicável, do navegador, da rede e do serviço externo no momento da verificação. A ferramenta é informativa e não substitui um diagnóstico especializado.
Privacidade e tratamento de dados

Esta ferramenta processa os dados no navegador sempre que possível. A Política de Privacidade explica a análise do site e os cookies. Privacidade.

Como usar

  1. Informe o valor solicitado no formulário. Em verificações de rede, use um domínio, URL ou host público que você tenha autorização para consultar.
  2. Esta ferramenta executa a operação solicitada no navegador sempre que possível.
  3. O resultado aparece na área de trabalho. Confira os avisos e as limitações antes de se basear nele.

Ferramentas relacionadas

Verificador de contraste de coresConfira se o contraste entre texto e fundo atende aos níveis WCAG AA e AAA e facilite a leitura do seu conteúdo.Gerador de gradientes CSSCrie gradientes CSS lineares ou radiais, ajuste cores e posições e copie o código com prévia.Gerador de bordas arredondadas CSSDefina cada canto e os raios horizontal e vertical separadamente; visualize e copie border-radius.