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

Uma ferramenta de cores criada para designers e desenvolvedores.

Converta entre HEX, RGB e HSL em tempo real e cópia diretamente para seu CSS, Figma ou tokens de design.

Conversão em tempo real

Edite qualquer formato e veja os valores HEX, RGB e HSL serem recalculados instantaneamente. Sem botão de converter , sem atrasos.

Três formatos em sincronia

HEX para código, RGB para matemática, HSL para ajustes intuitivos. Os três permanecem vinculados para que você possa escolher o seu favorito.

Cópia com um clique

Cada formato possui um botão de cópia dedicado que copia os valores prontos para CSS para a sua área de transferência. Cole diretamente na sua folha de estilo.

Seletor visual de cores

Selecione visualmente qualquer cor com um seletor de espectro completo. Ótimo para experimentação, ajustes finos e exploração de paletas.

Saída pronta para CSS

Cada formato é gerado como CSS válido — sem reformatação, sem reconfiguração. Funciona com todos os navegadores e ferramentas de design modernos.

100% Privado — Sem Servidor

Todos os cálculos de cores são executados no seu navegador. Cores, paletas e valores nunca saem do seu dispositivo.

Quem usa o conversor de cores?

Desde iniciantes em CSS até equipes de branding que mantêm um sistema de design — uma ferramenta, qualquer fluxo de trabalho.

Desenvolvedores Web

Converta tokens de design entre propriedades personalizadas de CSS, configurações do Tailwind e códigos HEX extraídos do inspetor do navegador.

  • Variáveis ​​CSS e cores do Tailwind
  • Converter HEX do Figma para HSL para temas
  • Corrigir incompatibilidades de cores entre plataformas

Designers

Mantenha as paletas de cores consistentes no Figma, Sketch, Adobe e na web — converter qualquer tonalidade entre sistemas de cores instantaneamente.

  • Exportar HEX do Figma para CSS
  • Ajuste a saturação e a luminosidade com HSL.
  • Combine as cores da marca em todas as ferramentas.

Equipes de Guia de Marca e Estilo

Paletas de cores de documentos em todos os formatos que designers e desenvolvedores precisam — HEX, RGB e HSL lado a lado.

  • Gere paletas de marcas em formato triplo.
  • Criar especificações de cores compartilháveis
  • Códigos de cores legados de auditoria

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

Respostas às perguntas mais frequentes sobre a conversão de cores entre HEX, RGB e HSL.

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 essa 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.