Ferramentas

Conversor de cores — Converta HEX, RGB e HSL online grátis

Converta cores entre HEX, RGB e HSL na hora, com pré-visualização em tempo real. Cole qualquer formato e veja as três representações, grátis e no seu navegador.

Todas as ferramentas rodam no seu navegador — nada do que você processa é enviado para a internet.

Como Usar

  1. Digite uma cor em qualquer formato compatível: #3b82f6, rgb(59, 130, 246) ou hsl(217, 91%, 60%).
  2. Veja os outros dois formatos se atualizarem na hora, junto com a pré-visualização em tempo real da cor.
  3. Copie o formato que precisar para CSS, softwares de design ou código.

Tudo roda localmente no seu navegador: sem upload, sem conta e sem limite de quantas cores você pode converter.

HEX, RGB e HSL são três visões da mesma cor. Desenvolvedores web alternam entre elas o tempo todo: a paleta de uma ferramenta de design chega em HEX, um componente precisa de um rgb() sob medida e um script de animação quer interpolar valores HSL. Converter na mão dá errado fácil — um único dígito errado muda a cor inteira.

Dicas

Hex abreviado como #fff também funciona. Se você digitar algo que a ferramenta não consegue interpretar, ela avisa em vez de adivinhar, então valores inválidos nunca geram uma cor errada silenciosamente. Use a visão HSL quando quiser ajustar a claridade de uma cor sem mexer no matiz.

Por que usar

Ferramentas de design e CSS usam cor, mas quase nunca no mesmo formato. Em vez de alternar entre as ferramentas de desenvolvedor do navegador e uma calculadora, este conversor traz todos os formatos em um só lugar com conferência visual — rápido, privado e preciso.

Real-world use cases

  • API development: Format JSON responses from Chrome DevTools before committing fixtures.
  • Debugging: Validate timestamps, regex or hashes without switching to a terminal or IDE.
  • On-call fixes: From your phone, quickly convert timezone or generate a UUID for a hotfix branch.

How it compares

ToolOfflinePrivacySetupCost
This toolYes100% localNoneFree
Server toolsNoMay log IPNoneFree/Ads
CLI / IDE pluginYesLocalInstall & configFree

For quick checks without context switching, the browser tool is fastest. For CI, keep the CLI as source of truth.

Pro tips

  • Bookmark the tool. With prefetch enabled, it opens near-instantly next time.
  • For secrets like hashes with salts, prefer your local terminal for production values.
  • Pair UUID/Password generators with your password manager for rotation workflows.

Perguntas Frequentes

Como converter HEX para RGB?

Cole um valor hexadecimal como

Qual é a diferença entre HEX, RGB e HSL?

HEX é uma abreviação hexadecimal de seis dígitos usada em CSS e ferramentas de design; RGB expressa uma cor pelos canais vermelho, verde e azul; e HSL a descreve por matiz, saturação e claridade — uma forma que muita gente acha mais intuitiva para escolher e ajustar cores.

Qual formato devo usar no CSS?

Os três funcionam no CSS moderno. HEX é a convenção mais comum, rgb() é um equivalente direto e hsl() é prático quando você quer ajustar a claridade ou a saturação de forma programática.

Is it safe to paste production secrets?

Local processing is safer than server tools, but avoid pasting real production secrets anywhere.

Does this work offline?

Yes. After the first load the tool works without network.

Can I use this on mobile?

Yes. All developer tools are responsive and work on phones.

Ferramentas Relacionadas