Conversor de cores: HEX, RGB, HSL, CMYK
Converta cores entre HEX, RGB, HSL e CMYK na hora. Seletor de cor, harmonias, tons escuros e claros, cópia com um clique e histórico de cores.
Carregando Conversor de cores…
Seus arquivos nunca saem do seu dispositivo
Como usar Conversor de cores
- 1
Abra Conversor de cores nesta página. Ele carrega direto no seu navegador.
- 2
Adicione seu arquivo, texto ou valores e ajuste as configurações.
- 3
Copie ou baixe o resultado. Nada é enviado nem armazenado.
Sobre esta ferramenta
Cada ferramenta de design e cada linguagem parece querer as cores em um formato diferente: o CSS gosta de HEX e HSL, os editores de imagem mostram RGB e as gráficas pedem CMYK. Este conversor de cores traduz entre os quatro ao mesmo tempo. Digite um valor em qualquer formato ou use o seletor de cor, e todos os outros formatos se atualizam na hora, prontos para copiar.
Como converter uma cor
- Informe um valor: HEX como #3B82F6, RGB como 59, 130, 246, HSL ou CMYK. Ou escolha uma cor visualmente.
- Veja a mesma cor nos outros formatos.
- Clique em qualquer valor para copiar.
- Adicione cores ao histórico para manter uma pequena paleta enquanto trabalha.
Os quatro formatos
| Formato | Exemplo | Usado em |
|---|---|---|
| HEX | #3B82F6 | CSS, web design, guias de marca |
| RGB | rgb(59, 130, 246) | Telas, editores de imagem, CSS |
| HSL | hsl(217, 91%, 60%) | Temas CSS; fácil de clarear ou escurecer |
| CMYK | 76%, 47%, 0%, 4% | Design para impressão |
Como as conversões funcionam
- HEX e RGB são os mesmos números escritos de outro jeito: cada par de dígitos HEX é um canal RGB de 00 (0) a FF (255).
- HSL descreve o matiz como um ângulo no círculo cromático, mais saturação e luminosidade em porcentagem, o que torna o ajuste intuitivo.
- CMYK a partir de RGB é uma conversão matemática simples. A impressão real depende dos perfis de papel e tinta, então peça à gráfica os valores exatos das cores importantes da marca.
Mais que conversão
- Harmonias de cores: complementar, análoga e outros esquemas baseados na sua cor.
- Tons escuros e claros: variações para estados de hover e fundos.
- Predefinições e cores aleatórias para inspiração rápida.
Montando uma paleta completa? Experimente o gerador de paleta de cores. Quer conferir se o texto fica legível sobre a sua cor? Use o verificador de contraste.
Perguntas frequentes
Como converter HEX para RGB?
Divida o código HEX em três pares e converta cada um da base 16 para um número de 0 a 255. #3B82F6 vira 59, 130, 246. O conversor faz isso na hora.
Qual a diferença entre RGB e CMYK?
RGB mistura luz para telas e CMYK mistura tintas para impressão. Algumas cores vivas da tela não podem ser impressas exatamente, por isso a versão CMYK pode parecer mais apagada.
Por que usar HSL no CSS?
O HSL separa matiz, saturação e luminosidade, então dá para clarear ou escurecer uma cor mudando um único número, o que ajuda em temas e estados de hover.
O valor CMYK é exato para impressão?
É uma conversão matemática padrão. As gráficas usam perfis de cor para cada papel e tinta, então peça a elas os valores exatos das cores da marca.
Posso escolher uma cor visualmente?
Sim. Use o seletor de cor e os valores HEX, RGB, HSL e CMYK se atualizam enquanto você o move.
Ele aceita transparência?
O conversor trabalha com cores sólidas. Para transparência no CSS, acrescente você mesmo um valor alfa, por exemplo rgb(59 130 246 / 50%).