Design e desenvolvimento

Converta cores.

Transforme uma cor entre os formatos mais usados na web e copie o valor que precisa.

Prévia instantânea

Confira visualmente a cor antes de copiar qualquer formato.

Cinco formatos

Obtenha HEX, RGB, HSL, HSV e CMYK em uma única conversão.

Pronto para copiar

Leve os valores para CSS, layouts, documentos e apresentações.

Conversão de cor

Informe uma cor

Use o seletor visual ou digite uma cor em HEX, RGB ou HSL.

Guia de formatos de cor

Como converter cores para design, CSS e materiais digitais

O conversor apresenta a mesma cor em diferentes modelos. Isso facilita a troca de valores entre editores, sistemas de identidade visual, código CSS e materiais de comunicação.

Conversão local no navegador
Prévia visual sincronizada
Valores prontos para copiar

Formatos disponíveis

Quando usar cada formato de cor?

HEX

Formato compacto muito usado em CSS, design systems e documentação de marca.

RGB

Representa a mistura de luz vermelha, verde e azul em telas e interfaces digitais.

HSL e HSV

Organizam matiz, saturação e luminosidade ou brilho para facilitar ajustes visuais.

CMYK

Serve como referência para processos de impressão, que ainda exigem perfil e prova de cor.

Passo a passo

Como converter uma cor?

1
Escolha ou digite
Use o seletor visual ou informe um valor válido em HEX, RGB ou HSL.
2
Confira a prévia
Compare a aparência exibida e confirme se a cor corresponde ao resultado esperado.
3
Copie o formato
Use o botão ao lado de HEX, RGB, HSL, HSV ou CMYK para copiar o valor.

Boas práticas de cor

O que verificar antes de aplicar?

Contraste: avalie a legibilidade entre texto e fundo antes de aprovar a combinação.
Tela e impressão: cores podem variar entre monitores, impressoras, papéis e perfis de cor.
Padronização: registre os valores aprovados em um guia de marca ou sistema de design.

Converter outra cor

Dúvidas frequentes

Perguntas sobre conversão de cores

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

HEX e RGB representam a mistura de vermelho, verde e azul. HSL organiza a cor por matiz, saturação e luminosidade, o que costuma facilitar ajustes visuais.

Posso usar os valores convertidos em CSS?

Sim. HEX, RGB e HSL podem ser usados diretamente em propriedades CSS compatíveis. Confira o suporte do formato escolhido no ambiente em que a cor será aplicada.

A conversão altera a aparência da cor?

A ferramenta procura representar a mesma cor em modelos diferentes. Pequenas diferenças podem ocorrer por arredondamento, perfil de cor, tela, impressão ou limitações de cada formato.