PixConvert

Conversor e Seletor de Cores

Escolha qualquer cor e obtenha instantaneamente seus valores HEX, RGB e HSL. Clique para cópia em qualquer formato — perfeito para CSS, ferramentas de design e código.

#3B82F6
HEX
RGB
HSL

Como Converter Cores

1

Selecione uma cor usando o seletor de cores ou digite um valor HEX, RGB ou HSL diretamente em qualquer campo de entrada.

2

Todos os formatos são atualizados instantaneamente — os valores HEX, RGB e HSL são recalculados em tempo real à medida que você faz alterações.

3

Clique no botão Copiar ao lado de qualquer formato para cópia o valor para a sua área de transferência, pronto para colar em CSS, Figma ou código.

Explore mais ferramentas

Descubra outras ferramentas gratuitas que funcionam muito bem em conjunto com esta.

image

Compressor de imagens

Reduza o tamanho do arquivo sem perder qualidade.

Try it
image

Redimensionador de imagens

Redimensionar imagens para dimensões exatas

Try it
image

Removedor de fundo

Remova fundos com precisão de IA

Try it
utility

Gerador de código QR

Crie códigos QR personalizados instantaneamente

Try it
image

Conversor de Imagens

Converta entre mais de 30 formatos de imagem.

Try it
image

PNG para WebP

Arquivos menores, mesma qualidade para a web.

Try it

Perguntas frequentes

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

HEX (ex.: #FF5733) é uma representação hexadecimal usada em HTML e CSS. RGB (ex.: rgb(255, 87, 51)) define uma cor por seus canais vermelho, verde e azul. HSL (ex.: hsl(11, 100%, 60%)) define uma cor por sua tonalidade, saturação e luminosidade — geralmente mais intuitivo para designers que fazem pequenos ajustes.

Posso digitar um código HEX diretamente?

Sim. Clique no campo de entrada HEX e digite ou cole qualquer código HEX válido de 6 dígitos (ex.: #3B82F6). Os valores RGB e HSL serão atualizados automaticamente. Os formatos de 3 dígitos (#RGB) e 6 dígitos (#RRGGBB) são suportados.

Os dados de cor são enviados para um servidor?

Não. Toda a conversão de cores ocorre inteiramente no seu navegador usando JavaScript. Nada é enviado para nenhum servidor.

Posso usar esta ferramenta para obter valores de cores CSS?

Sim — basta clicar em Copiar ao lado de HEX, RGB ou HSL e colar diretamente no seu CSS. Todos os três formatos são valores de cor CSS válidos e compatíveis com todos os navegadores modernos.