Conversor de Cores (HEX, RGB, HSL)
Converta cores entre HEX, RGB, HSL e HSV. Cole uma cor por linha, incluindo HEX de 3 dígitos e valores rgb() e hsl(), e clique em qualquer amostra para
Converta cores entre HEX, RGB, HSL e HSV nos dois sentidos. Cole uma cor por linha - incluindo HEX abreviado de 3 dígitos e valores rgb() e hsl() - e receba todas as representações de uma vez, com uma amostra em que você clica para copiar o código HEX.
Útil quando uma ferramenta de design entrega HSL mas o CSS que você herdou usa HEX, quando você precisa do trio RGB para um canvas ou um arquivo de recursos do Android, ou quando está conferindo uma paleta de marca e quer ver como os tons se relacionam. A conversão segue as fórmulas padrão do CSS, e os valores de alpha são preservados quando você os informa.
Como converter cores entre HEX, RGB, HSL e HSV
Digite uma cor por linha, em qualquer formato compatível
Leia os valores convertidos em HEX, RGB, HSL e HSV
Clique em uma amostra para copiar o código HEX
Perguntas frequentes
Quais formatos são aceitos na entrada?
HEX (#1a2b3c ou #abc), rgb(26, 43, 60), rgba(...), hsl(210, 40%, 17%) e hsla(...), um por linha, com ou sem o nome da função em minúsculas.
Posso converter várias cores de uma vez?
Sim, cole uma paleta inteira - uma cor por linha - e cada linha é convertida de forma independente.
Como faço para copiar um resultado?
Clique em qualquer amostra de cor e o valor HEX dela é copiado para a área de transferência; o resultado em texto também pode ser selecionado e copiado como qualquer outro texto.
O resultado é idêntico ao das funções de cor do CSS?
Sim, são usadas as fórmulas sRGB padrão, e os valores HSL/HSV são arredondados para facilitar a leitura. O arredondamento pode deslocar um canal em uma unidade, o que é invisível na prática.
A ferramenta lida com transparência?
Os valores de alpha na entrada rgba() e hsla() são preservados na saída HEX como um valor de 8 dígitos com alpha.
Alguma coisa é enviada para um servidor?
Não, a conversão é pura aritmética feita no seu navegador.
Entre quais formatos de cor posso converter?
HEX, RGB, HSL e HSV - os formatos usados por CSS, ferramentas de design e código. O CMYK é um espaço de cor de impressão e não pode ser derivado com precisão a partir de valores de tela, então trate qualquer valor em CMYK como uma referência aproximada, e não como um contrato.
O que a verificação de contraste me diz?
Se um par de texto e fundo atende às razões mínimas de contraste da WCAG - 4,5:1 para texto normal e 3:1 para texto grande. Muitas vezes é isso que separa uma interface que passa em uma revisão de acessibilidade de uma que não passa.
Por que a mesma cor parece diferente em outro lugar?
As telas diferem em gamut, brilho e calibração. O sRGB é a suposição segura para a web, e cores definidas fora desse intervalo podem ser cortadas para algo próximo em um monitor comum.
Meus dados de cor são enviados para algum lugar?
Não, a conversão acontece dentro do seu navegador.
Visão geral
| Entrada | texto |
|---|---|
| Vários arquivos | Não |
| Onde roda | No seu navegador - os arquivos nunca são enviados |
| Funciona offline | Sim — depois que a página carrega |
| Preço | Grátis, sem cadastro, sem marca d'água |
Onde as conversões quebram em silêncio
A maioria dos bugs de conversão não é de sintaxe, e sim de significado. Uma coluna CSV de códigos postais perde os zeros à esquerda no momento em que a planilha supõe que aquilo é um número; um ID longo ultrapassa a precisão de ponto flutuante; datas mudam de sentido dependendo de o dia vir antes do mês ou o mês antes do dia. As chaves do JSON não têm ordem, mas os arrays têm, e uma ferramenta que ordena chaves não muda nada, enquanto uma que ordena arrays altera os dados. O Unicode é outra armadilha: o texto pode chegar como UTF-8, UTF-16 ou com um BOM, e um decodificador que erra o palpite transforma caracteres acentuados em mojibake. Antes de confiar em qualquer conversão, confira por amostragem a primeira e a última linha, qualquer campo com zeros à esquerda e qualquer campo que contenha aspas, vírgulas ou quebras de linha.
Como escolher um formato de dados
O JSON é o padrão para tudo que uma API retorna ou um programa lê: ele lida naturalmente com estruturas aninhadas, números, booleanos e null, e toda linguagem o interpreta. O CSV é menor e abre direto em uma planilha, mas não tem como expressar aninhamento nem um padrão comum para o delimitador, as aspas ou o conjunto de caracteres - e é exatamente aí que as conversões dão errado. O XML é verboso, mas carrega atributos, conteúdo misto e esquemas, por isso ainda domina formatos de documento e integrações legadas. O YAML é o mais legível para configuração, mas é sensível a espaços em branco e tem conversões de tipo surpreendentes ("no" virando false, uma versão como 1.10 virando 1.1). Escolha o formato que a ferramenta que vai consumir os dados prefere, e não o que parece mais bonito.