Início Sobre Contato
← Voltar ao início

Seletor e Conversor de cores

Selecione cores e converta entre formatos HEX, RGB e HSL.

Escolher uma cor
Paleta
Sombras
Tons
Vari?veis CSS
--color-primary: #8b5cf6;

Visão geral

Escolha cores e converta entre HEX, RGB e HSL.

Ideal para

  • Padronizar cores de marca.
  • Verificar contraste do texto da UI.
  • Criar uma escala de tons para um tema de UI.

Passos

  1. Escolha uma cor ou digite um valor.
  2. Ajuste matiz, saturação ou luminosidade.
  3. Copie o formato desejado.

Exemplos

Exemplo 1
Entrada
#FF6A00
Saída
rgb(255, 106, 0)
HEX convertido para RGB.
Exemplo 2
Entrada
hsl(210, 50%, 40%)
Saída
#336699
HSL convertido para HEX.
Exemplo 3
Entrada
rgb(12, 99, 200)
Saída
#0C63C8
RGB ? convertido para HEX.

Erros comuns

  • Cores muito claras reduzem o contraste.
  • Perfis de cor podem alterar valores.
  • Sem #, o HEX ? inv?lido no CSS.

Dicas

  • Verifique razão de contraste para acessibilidade.
  • Salve uma paleta para consistência.

Perguntas frequentes

Por que arredonda?
Conversões arredondam; pequenas diferenças são normais.
Meus dados são enviados?
Não. Tudo roda localmente no seu navegador.
Posso usar offline?
Sim. Após carregar a página, a maioria funciona offline. Alguns recursos (fontes) podem exigir conexão.

Dados e privacidade

Todo o processamento acontece no seu navegador. Nenhum dado é enviado ou armazenado.