Conversor de cores

Q: Posso converter CMYK em HEX?

Sim. Escreve algo como cmyk 0%, 61%, 72%, 0% ou cmyk 0, 0.61, 0.72, 0 . Tem em conta que o resultado é uma aproximação sem perfil de cor.

Q: Aceita cores sem o sinal #?

Sim. ff6347 , f64 e até três números separados por vírgulas, como 255, 99, 71 , são reconhecidos.

Conversor de cores

Converte qualquer cor entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH e OKLCH. Cola um código, vê a cor e copia cada formato com um clique.

Entrada

Exemplos:

Conversões

O CMYK é uma conversão simples sem perfil ICC. Para trabalhos de impressão, pede à tua gráfica uma conversão baseada num perfil.

Como usar o conversor de cores

Escreve ou cola uma cor no campo Entrada. O formato é detetado automaticamente: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) ou um nome como tomato.
As conversões aparecem à medida que escreves. Também podes carregar em Enter ou clicar em Converter.
Observa a amostra: mostra a cor e o Formato detetado, para saberes como a tua entrada foi interpretada.
Clica em Copiar ao lado do formato de que precisas. Usa os botões de exemplo para experimentar entradas comuns.

A conversão é feita inteiramente no teu navegador.

Formatos suportados

Formato	Exemplo	Utilização típica
HEX	`#FF6347`	HTML, CSS, ferramentas de design
RGB	`rgb(255, 99, 71)`	CSS, código, editores de imagem
HSL	`hsl(9, 100%, 64%)`	CSS, ajustar a luminosidade
HSV / HSB	`hsv(9, 72%, 100%)`	Photoshop, Figma, seletores de cor
HWB	`hwb(9 28% 0%)`	CSS Color 4
CMYK	`cmyk(0%, 61%, 72%, 0%)`	impressão (ver nota abaixo)
LAB (D50)	`lab(62.99% 59.36 47.88)`	CSS `lab()`, ciência da cor
LCH	`lch(62.99% 76.27 38.89)`	CSS `lch()`
OKLCH	`oklch(69.62% 0.1955 32.32)`	CSS moderno, design systems

Os resultados em HEX, RGB, HSL, HWB, LAB, LCH e OKLCH são CSS válido que podes colar diretamente numa folha de estilos. HSV e CMYK não são notações CSS, por isso são escritos no estilo de função habitual, apenas para leitura.

Se a tua entrada tiver transparência (por exemplo rgb(255 0 0 / 50%)), o conversor mantém-na: o HEX passa a um código de oito dígitos como #FF000080 e os outros formatos recebem um valor alfa.

Como funcionam as conversões

RGB, HEX, HSL, HSV e HWB são formas diferentes de escrever os mesmos valores sRGB, por isso convertem-se de forma exata (salvo arredondamentos). LAB e LCH seguem a definição do CSS Color 4, que usa o ponto branco D50 com adaptação cromática de Bradford. Alguns conversores online usam D65, pelo que os seus valores LAB podem diferir algumas unidades para a mesma cor. O OKLCH usa o modelo Oklab de Björn Ottosson, o mesmo que os navegadores usam para oklch().

Quando introduzes uma cor LAB, LCH ou OKLCH demasiado saturada para um ecrã normal, ela fica fora da gama sRGB e não tem equivalente HEX. A ferramenta mostra então uma mensagem e converte-a na cor apresentável mais próxima, reduzindo o croma e mantendo a luminosidade e a tonalidade.

O CMYK é uma aproximação

Os valores CMYK usam a fórmula simples K = 1 − max(R, G, B) e C = (1 − R − K) / (1 − K), e o mesmo para M e Y. Não há nenhum perfil ICC envolvido, por isso os números não preveem o que uma determinada máquina vai imprimir. Para trabalhos de impressão profissionais, converte no teu software de paginação com o perfil fornecido pela gráfica (por exemplo FOGRA39 ou GRACoL). A conversão de CMYK para RGB usa a fórmula inversa, R = (1 − C)(1 − K).

Perguntas frequentes

Como converto HEX em RGB à mão?

Divide o código em três pares e converte cada um de base 16 para base 10. Para #FF6347: FF = 255, 63 = 99, 47 = 71, por isso a cor é rgb(255, 99, 71).

Qual é a diferença entre HSL e HSV?

Ambos usam um ângulo de tonalidade e uma saturação, mas o terceiro valor do HSL é a luminosidade (50% é a cor pura, 100% é branco), enquanto o do HSV é o valor ou brilho (100% é a cor pura ou branco, conforme a saturação). Por isso, a mesma cor tem valores de saturação diferentes em cada modelo.

Porque é que o meu valor LAB é diferente do de outro conversor?

Muito provavelmente por causa do ponto branco. Esta ferramenta usa D50, como o lab() do CSS. Os conversores baseados em D65 dão números ligeiramente diferentes. Ambos estão certos na sua própria referência.

Posso converter CMYK em HEX?

Sim. Escreve algo como cmyk(0%, 61%, 72%, 0%) ou cmyk(0, 0.61, 0.72, 0). Tem em conta que o resultado é uma aproximação sem perfil de cor.

Aceita cores sem o sinal #?

Sim. ff6347, f64 e até três números separados por vírgulas, como 255, 99, 71, são reconhecidos.