Conversor de Cores

O Conversor de Cores gratuito permite transformar qualquer cor entre os principais modelos de representação utilizados em design e desenvolvimento: HEX, RGB, HSL, HSV e CMYK. Selecione a cor visualmente no picker, insira um código HEX ou ajuste os canais numericamente — todos os formatos são atualizados instantaneamente.

Texto Branco
Texto Preto
HEX
#FF6347
RGB
rgb(255, 99, 71)
HSL
hsl(9, 100%, 64%)
HSV / HSB
hsv(9, 72%, 100%)
CMYK
cmyk(0%, 61%, 72%, 0%)
CSS
background-color: #FF6347;
color: #FF6347;
color: rgb(255, 99, 71);
color: hsl(9, 100%, 64%);

As conversões entre modelos de cor aditiva (RGB, HSL, HSV) e subtrativa (CMYK) podem apresentar pequenas diferenças visuais dependendo do perfil de cor do dispositivo.

Como usar o Conversor de Cores?

Converta cores entre HEX, RGB, HSL, HSV e CMYK em tempo real com estes passos simples:

  • 1

    Clique no ícone de paleta para abrir o seletor de cor ou digite diretamente o código HEX no campo correspondente.

  • 2

    Os valores HEX, RGB, HSL, HSV e CMYK são atualizados automaticamente conforme você altera qualquer campo.

  • 3

    Use os inputs numéricos ou as barras deslizantes de RGB para ajustar a cor com precisão.

  • 4

    Clique no ícone de cópia ao lado de qualquer formato para copiá-lo para a área de transferência.

  • 5

    Escolha uma cor rápida clicando nos swatches coloridos abaixo do seletor.

Pronto! Copie o formato desejado e use no seu projeto.

🎨 O que é o Conversor de Cores?

O Conversor de Cores é uma ferramenta gratuita que permite transformar uma cor entre os principais modelos de representação: HEX, RGB, HSL, HSV e CMYK. Basta inserir uma cor em qualquer formato e todos os outros são calculados em tempo real.

🔷 Formatos suportados

HEX

O modelo hexadecimal é amplamente usado em design web e CSS. Representa a cor com 6 dígitos no formato #RRGGBB, agrupando os canais vermelho, verde e azul em base 16.

RGB

O modelo RGB (Red, Green, Blue) descreve as cores como a mistura de três canais de luz com valores entre 0 e 255. É o padrão nativo de monitores e telas digitais.

HSL

HSL (Hue, Saturation, Lightness) representa a cor pela tonalidade (0–360°), saturação (%) e luminosidade (%). É mais intuitivo para designers, pois reflete melhor a percepção humana das cores.

HSV / HSB

HSV (Hue, Saturation, Value), também chamado de HSB, substitui a luminosidade pelo brilho. É o modelo usado na maioria dos seletores de cor de softwares de edição como Photoshop e Figma.

CMYK

O modelo CMYK (Cyan, Magenta, Yellow, Key/Black) é usado em impressão. Representa a cor pela mistura de tintas subtrativas, ao contrário do RGB que combina luzes aditivas.

💡 Quando usar cada modelo?

  • HEX e RGB: CSS, desenvolvimento web, design digital.
  • HSL: Manipulação programática de cores em CSS moderno e JavaScript.
  • HSV: Seletores de cores em software gráfico (Figma, Photoshop, Illustrator).
  • CMYK: Impressão gráfica e materiais físicos.

🌈 Outras ferramentas de cores

Se quiser criar combinações harmônicas de forma automática, use nossa ferramenta de paletas de cores. Para mais ferramentas úteis, explore nosso catálogo completo.

Compartilhar este conteúdo

O que achou desta ferramenta?