» Conversor de cores


Conversor de cores para HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ e nomes de cores CSS. Converta códigos de cor em tempo real, copie valores prontos a usar e verifique a saída CSS exata num só lugar.

Use este conversor de cores para alternar instantaneamente entre HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ e nomes de cores CSS. Introduza qualquer formato suportado, ajuste os valores com os controlos deslizantes e copie o resultado convertido de que precisa para CSS, sistemas de design, fluxos de impressão ou análise de cor.

O conversor atualiza todos os resultados em tempo real, mostra claramente a cor selecionada e suporta cálculos inversos a partir de cada modo de entrada. Por isso, é útil para tarefas como HEX para RGB, RGB para HEX, verificar valores HSL ou CMYK, ou comparar formatos perceptuais modernos como OKLCH e OKLAB.

Dados iniciais

Escolha qualquer formato, introduza os valores e todos os códigos de cor correspondentes serão atualizados de imediato.

Formato de entrada
Escolha o formato que pretende editar diretamente.
Suporta #RGB, #RGBA, #RRGGBB e #RRGGBBAA.
Exemplos: tomato, rebeccapurple, royalblue, lightseagreen.
Introduza os valores de vermelho, verde e azul entre 0 e 255.
Use um valor alfa de 0 a 1 para transparência.
Ajuste matiz, saturação e luminosidade para uma edição adequada a CSS.
HSLA acrescenta transparência alfa ao HSL.
HSV é útil se preferir pensar em matiz, saturação e brilho.
CMYK é usado principalmente para valores de cor orientados para impressão.
LAB é perceptual e pode gerar cores fora da gama visível no ecrã.
LCH separa luminosidade, croma e matiz para uma edição perceptual.
OKLAB é um espaço de cor perceptual moderno para interfaces e paletas.
OKLCH facilita ajustes perceptuais de matiz e croma.
XYZ é um espaço de cor de referência frequentemente usado em conversões.

Fig. 1 Conversor de cores

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
O modo de cor permite ajustar matiz, saturação e luminosidade.

Resultado

Valores de cor convertidos

Formatos mais usados

Mais formatos

Perguntas frequentes sobre o conversor de cores

O que é um conversor de cores?
Um conversor de cores recebe um formato de cor, como #3366cc ou rgb(51, 102, 204), e calcula os valores correspondentes noutros formatos, como HSL, CMYK, LAB ou OKLCH.

Como converter HEX para RGB?
Escolha o modo de entrada HEX, introduza um código hexadecimal válido, como #ff6600, e o conversor mostrará automaticamente os valores correspondentes em RGB, HSL, CMYK e outros formatos.

Como converter RGB para HEX?
Escolha o modo RGB, introduza os valores dos canais vermelho, verde e azul e copie o resultado HEX gerado. Este é o fluxo padrão de RGB para HEX para cores da web.

O que é HSL?
HSL significa matiz, saturação e luminosidade. Descreve uma cor pelo seu ângulo no círculo cromático e pelo quão viva e clara ou escura ela parece, o que muitas vezes é mais fácil de ajustar visualmente do que valores RGB puros.

Para que serve CMYK?
CMYK é usado principalmente em fluxos de impressão porque expressa uma cor como cobertura de tinta ciano, magenta, amarelo e preto. É útil ao preparar artes para impressoras, embalagens ou produção gráfica.

O que é OKLCH?
OKLCH é um formato de cor perceptual derivado de OKLAB. Separa luminosidade, croma e matiz de uma forma que tende a ser mais uniforme para a visão humana, o que o torna útil para paletas modernas de interfaces e sistemas de design.

As conversões são exatas?
As conversões dentro do mesmo espaço de cor podem ser exatas ou muito próximas, mas alguns formatos usam modelos ou espaços de referência diferentes. Valores como CMYK, LAB, LCH e OKLCH podem envolver arredondamento ou corte de gama quando convertidos novamente para sRGB visível no ecrã.

Posso usar os resultados em CSS?
Sim. As saídas geradas em HEX, RGB, RGBA, HSL, HSLA e nomes de cores CSS exatos estão prontas para serem coladas em variáveis CSS, estilos inline e design tokens.

Outros conversores

Veja também