Grátis Conversor de cores
Escolha a cor no bloco ou no seletor do sistema, digite HEX (com ou sem #) ou cole rgb()/hsl(). RGB 0–255; HSL com matiz 0–360° e saturação/luminosidade 0–100%. Opacidade 0–100% aparece em rgba()/hsla() e HEX de 8 dígitos quando não opaca. Espaço de cor sRGB — não CMYK nem Display P3. Nada sai desta aba.
How to use this tool
- 1
Abrir Conversor de cores
Confirme primeiro se ele atende à sua tarefa: HEX, RGB, HSL, suporte alpha, seletor nativo, previa ao vivo, copia CSS em um clique.
- 2
Adicione o conteúdo
Insira ou envie os dados pedidos no painel e ajuste as opções visíveis.
- 3
Use o resultado
Confira a prévia e copie ou baixe o resultado quando estiver pronto.
Fatos rápidos
| Funciona offline? | Sim — após carregar a página, o cálculo fica só no seu navegador. |
|---|---|
| CMYK ou Pantone? | Não — apenas sRGB. Para impressão, exporte do seu app com perfil ICC. |
| Os dados são enviados? | Não. Safe Local Tools é estático; as cores não saem desta aba. |
| Gama ampla (P3)? | Entradas e saídas são tratadas como sRGB. Hex específico de P3 não é modelado. |
Top use cases
- HEX, RGB, HSL, suporte alpha, seletor nativo, previa ao vivo, copia CSS em um clique.
- Funciona offline?: Sim — após carregar a página, o cálculo fica só no seu navegador.
- CMYK ou Pantone?: Não — apenas sRGB. Para impressão, exporte do seu app com perfil ICC.
- Os dados são enviados?: Não. Safe Local Tools é estático; as cores não saem desta aba.
- Gama ampla (P3)?: Entradas e saídas são tratadas como sRGB. Hex específico de P3 não é modelado.
Perguntas frequentes
Por que o campo HEX não bate com o que digitei?▾
Quando o valor é analisado, RGB/HSL e cópias refletem essa cor. Ao sair, texto inválido volta ao último HEX válido.
Posso usar espaços em rgb()?▾
Use a forma com vírgulas: rgb(10, 20, 30). Espaços extras ao redor dos números são aceitos.
Mudar H em HSL sempre mantém o mesmo HEX?▾
O matiz é cíclico (0° e 360° equivalentes). Pequenas diferenças de arredondamento podem aparecer entre RGB inteiro e HSL.
E paletas seguras para daltonismo?▾
Esta página só converte uma cor. Use geradores dedicados para acessibilidade de cor.
HSL sem o sinal %?▾
Saturação e luminosidade precisam de % como no CSS, por exemplo hsl(200, 50%, 40%).
As cores escolhidas são enviadas?▾
Não — o seletor e os campos só atualizam o estado local no navegador.