zippydevtools logozippydevtools

Buscar ferramentas

Buscar ferramentas

Ferramentas

Codificação

Conversor de Cores CSS

Converta entre RGB, HEX e HSL para usar em estilos e design systems.

Processado localmente
LocalAuto
Entrada
Resultado

Processe a entrada para ver o resultado aqui.

Sobre esta ferramenta

Converta entre RGB, HEX e HSL para usar em estilos e design systems.

A execucao padrao das ferramentas acontece no navegador, sem backend dedicado para processar entradas.

Como usar
  1. Cole ou informe os dados no painel de entrada.
  2. Use Processar ou aguarde o processamento automatico quando disponivel.
  3. Revise o resultado, copie a saida e valide antes de usar em fluxos criticos.
Casos de uso comuns
  • RGB para HEX
  • HEX com alpha para RGBA
Exemplos rápidos

RGB para HEX

Entrada: rgb(255, 99, 71)

Saída: #FF6347

HEX com alpha para RGBA

Entrada: #FF634780

Saída: rgba(255, 99, 71, 0.502)

FAQ de Conversor de Cores CSS

Quais formatos de entrada são aceitos?

Você pode escolher RGB/RGBA, HEX/HEXA ou HSL/HSLA no seletor de formato.

A ferramenta aceita HEX curto?

Sim. Valores como #0FA e #0FA8 são expandidos internamente para o formato completo.

Como informar transparência (alpha)?

Use alpha entre 0 e 1 ou percentual entre 0% e 100%, conforme o formato informado.

Quando recebo erro de cor inválida?

Quando canais ficam fora das faixas válidas, como RGB fora de 0-255 ou HSL com saturação/luminosidade fora de 0-100%.

A conversão é feita no servidor?

Não. Todo o processamento é local no navegador.