Quais formatos de cor esta ferramenta suporta?

HEX (3, 4, 6 ou 8 dígitos — os de 4 e 8 dígitos incluem um canal alfa), RGB/RGBA, HSL/HSLA, HSV/HSB e CMYK. Editar qualquer um deles atualiza todos os outros instantaneamente.

Por que HSV e CMYK não têm uma opção de alfa/transparência?

Alfa é um valor de transparência sobreposto a uma cor, não uma propriedade dos próprios modelos de cor HSV ou CMYK — o CMYK, em particular, descreve cobertura de tinta sobre um meio físico, onde transparência não faz sentido como conceito. Definir o alfa via HEX, RGB ou HSL continua sendo aplicado corretamente; ao mudar para HSV ou CMYK, simplesmente não existe um controle de alfa separado, e editar esses formatos preserva o alfa que já estava definido.

Por que um código hex de 3 dígitos como #0f0 converte para um verde vibrante, e não um verde bem escuro?

Cada dígito da notação abreviada de 3 dígitos é duplicado para formar um byte completo — #0f0 se expande para #00ff00, não para #000f00. Ler os dígitos diretamente como um valor de byte é um erro comum; #0f0 é verde puro no brilho máximo, exatamente como os navegadores renderizam essa forma abreviada.

Por que meus valores de HSL/HSV/CMYK não batem exatamente com os de um seletor de cor que usei em outro lugar?

Pequenas diferenças de arredondamento (normalmente de ±1) podem aparecer entre ferramentas porque os valores de HSL/HSV/CMYK são calculados por meio de operações com ponto flutuante e depois arredondados para números inteiros na exibição — cada ferramenta pode arredondar em um ponto diferente do cálculo. A cor de base é a mesma; apenas o último dígito de um valor derivado pode variar ligeiramente.

Qual é a diferença entre HSL e HSV/HSB?

Os dois descrevem uma cor por matiz, saturação e um terceiro canal, mas esse terceiro canal significa coisas diferentes: a 'luminosidade' (lightness) do HSL vai do preto, passando pelo matiz puro, até o branco, enquanto o 'valor' (value, também chamado de 'brilho', daí HSB) do HSV vai do preto até o matiz puro, sem chegar ao branco — luminosidade máxima no HSL é sempre branco, mas valor máximo no HSV é a própria cor saturada. Ambos são formas válidas e amplamente usadas de descrever a mesma cor RGB, só que organizadas em torno de intuições diferentes.

Posso converter uma cor de tela (RGB) para CMYK com precisão para impressão?

Esta ferramenta usa a fórmula padrão e não calibrada de conversão de RGB para CMYK, que oferece uma aproximação razoável, mas não considera o perfil de tinta ou o gamut de cor de uma impressora específica. Para trabalhos de impressão profissional, use o perfil de cor ICC real da sua gráfica — os valores de CMYK aqui são um bom ponto de partida, não um substituto para uma prova calibrada.

Esta ferramenta reconhece nomes de cores do CSS como 'rebeccapurple'?

No momento, não — a entrada é feita por código hex ou pelos campos numéricos individuais de RGB/HSL/HSV/CMYK, e não por nomes de cores em texto livre. Você ainda pode encontrar o código hex de uma cor nomeada em outro lugar e colá-lo no campo de hex para convertê-lo em todos os outros formatos.

Alguma coisa que eu digitar aqui é enviada para algum servidor?

Não. Todos os cálculos de conversão rodam localmente no seu navegador usando JavaScript. Nenhuma requisição de rede é feita, e nada do que você insere é armazenado ou transmitido.

Conversor de Cores — Converta Entre HEX, RGB, HSL, HSV e CMYK

Nosso Conversor de Cores permite editar uma cor em qualquer um de cinco formatos — HEX, RGB, HSL, HSV/HSB ou CMYK — e ver todos os outros formatos se atualizarem instantaneamente para acompanhar. Alfa/transparência é suportado em HEX, RGB e HSL, então você pode trabalhar com cores CSS translúcidas (rgba()/hsla()/hex de 8 dígitos) com a mesma facilidade que com cores opacas. Foi criado para desenvolvedores que precisam de uma string rgb()/hsl() pronta para CSS, designers que precisam converter uma cor de tela para CMYK antes de mandar para impressão, e qualquer pessoa que só queira saber como um código hex fica em outro formato.

Resposta rápida

O Conversor de Cores permite editar uma cor em HEX, RGB, HSL, HSV/HSB ou CMYK e ver todos os outros formatos se atualizarem instantaneamente, com suporte a alfa/transparência em HEX, RGB e HSL. É gratuito, e tudo roda instantaneamente no seu navegador — nada é enviado para nenhum servidor.

Hex

Alfa — 100%

RGB

HSL

HSV

CMYK

Como usar Conversor de Cores — HEX, RGB, HSL, HSV, CMYK

1
Digite um código hex, ou defina os valores de RGB, HSL, HSV ou CMYK diretamente — o formato que você já tiver em mãos.
2
Todos os outros formatos se atualizam instantaneamente conforme você digita ou ajusta um valor.
3
Ajuste o controle deslizante de alfa se precisar de uma cor translúcida — o campo de hex se expande automaticamente para 8 dígitos e as strings de RGB/HSL passam a usar rgba()/hsla().
4
Confira a prévia da amostra ao vivo (exibida sobre um fundo quadriculado para que a transparência fique visível) para confirmar que o resultado está correto.
5
Clique em um botão de copiar para copiar o código hex, a string rgb()/rgba() ou a string hsl()/hsla() direto para a área de transferência.

Por que usar Conversor de Cores — HEX, RGB, HSL, HSV, CMYK?

Um valor de cor raramente permanece no mesmo formato por muito tempo: um designer entrega um código hex tirado de um arquivo do Figma, um desenvolvedor precisa dele como uma string rgba() para uma variável CSS com transparência, e uma gráfica pede porcentagens de CMYK para uma impressão offset — e converter à mão entre essas cinco representações (HEX, RGB, HSL, HSV/HSB, CMYK) significa decorar fórmulas que a maioria das pessoas pesquisou uma vez na vida e esqueceu. Esta ferramenta elimina essa fricção: edite a cor no formato que você já tem em mãos, e todos os outros formatos são recalculados instantaneamente usando a mesma matemática de conversão padrão usada em ferramentas de design e navegadores. Como a ferramenta mantém uma única cor canônica internamente e deriva cada formato exibido a partir dela, os valores nunca ficam dessincronizados entre si, como às vezes acontece quando se digita manualmente um valor convertido em uma segunda ferramenta. HSV/HSB e CMYK foram incluídos especificamente porque aparecem em contextos diferentes dos formatos nativos da web (HEX/RGB/HSL) — HSV aparece em muitos seletores de cor de softwares de design (a clássica roda com controles deslizantes do Photoshop, por exemplo), e CMYK surge sempre que uma cor precisa virar tinta física em vez de pixel na tela.

Perguntas frequentes

Ferramentas relacionadas

Extrair Cores Dominantes de uma Imagem

Envie uma imagem e extraia instantaneamente suas cores mais dominantes em uma paleta de códigos hex prontos para copiar. Gerador de paleta de cores online e gratuito, sem cadastro.

Marca d'Água em Imagens — Adicione Texto ou Logo Grátis

Adicione marcas d'água de texto ou logotipo às suas imagens online e de graça. Escolha posição, opacidade e cor. Sem cadastro.

Removedor de Fundo — Remova o Fundo de Imagens Grátis Online

Remova o fundo de qualquer imagem automaticamente online e de graça. Receba um PNG transparente em segundos. Sem cadastro.