10 de jul. de 2026

RGB, CMYK, HSL, HSV e Lab: diferenças e quando usar

Qual modelo de cor usar em cada tarefa?

A tabela é um ponto de partida, não uma regra isolada. Uma cor de embalagem pode nascer em RGB, ser convertida para um processo CMYK específico e ser aprovada por medição Lab. O destino, a fonte dos valores e a tolerância decidem o fluxo.

Modelo, espaço, perfil e notação não são sinônimos

Modelo de cor é a estrutura usada para organizar componentes. RGB trabalha com vermelho, verde e azul; CMYK, com ciano, magenta, amarelo e preto; Lab, com claridade e dois eixos oponentes.

Espaço de cor dá significado mais preciso aos números. sRGB, Adobe RGB e Display P3 usam o modelo RGB, mas possuem primárias e gamas diferentes. O trio 255, 0, 0 não deve ser interpretado sem saber em qual espaço RGB foi definido.

Perfil de cor descreve como um dispositivo ou uma condição de saída reproduz cores. Um perfil ICC pode acompanhar uma imagem ou representar monitor, impressora, tinta e papel. Ele fornece as relações necessárias para o gerenciamento de cor fazer conversões.

Notação é a maneira de escrever a cor. No CSS, #7654CD, rgb() e hsl() são sintaxes. HEX não é um modelo separado de RGB: os pares hexadecimais codificam os canais vermelho, verde e azul.

RGB e sRGB: luz para telas e código

RGB é aditivo. Uma tela controla a intensidade de luz vermelha, verde e azul; com os três canais no máximo, o resultado de referência é branco. Com todos em zero, não há emissão desses canais e o resultado é preto.

RGB sozinho não define todas as cores possíveis nem garante aparência idêntica em qualquer tela. sRGB, Display P3 e Adobe RGB são espaços distintos construídos sobre o modelo RGB. Eles diferem em primárias, ponto branco, curva de transferência e extensão da gama.

Na web, sRGB continua sendo a base mais compatível. A especificação CSS Color 4 trata cores sem perfil e as funções legadas, como rgb(), HEX e hsl(), dentro de sRGB. Espaços de ampla gama podem ser declarados por sintaxes próprias, mas exigem teste de suporte e uma alternativa segura.

A página do Colors Dex no catálogo mostra como uma coleção de cores pode reunir nome, HEX, RGB, HSL e prévia sem fingir que essas representações são sistemas independentes.

O que é gamut?

Gamut, ou gama de cores, é o conjunto de cores que um espaço ou dispositivo consegue representar. Uma cor disponível em Display P3 pode ficar fora do sRGB. Uma cor brilhante vista no monitor também pode estar fora da gama de uma combinação específica de impressora, tinta e papel.

Quando uma cor fica fora da gama de destino, ela precisa ser mapeada, comprimida ou recortada. Essa decisão pode reduzir saturação, alterar claridade ou aproximar o tom de outra cor reproduzível.

HSL e HSV: qual é a diferença?

HSL e HSV reorganizam cores RGB em controles que lembram um seletor visual. Nos dois, H é a matiz em torno de um círculo e S é a saturação. A diferença está no terceiro componente.

• HSL: usa Lightness, ou luminosidade. Em 0%, o resultado é preto; em 100%, branco. Uma cor intensa costuma aparecer perto de 50%.
• HSV ou HSB: usa Value ou Brightness. Em 0%, o resultado é preto. Em 100%, a cor ainda pode ser intensa quando a saturação também é alta.

Imagine partir de um vermelho saturado. No HSL, aumentar a luminosidade acima do meio mistura o caminho em direção ao branco. No HSV, manter valor em 100% e reduzir saturação move a cor em direção ao branco; reduzir o valor move em direção ao preto. Por isso, os mesmos percentuais de S e do terceiro canal não descrevem a mesma aparência nos dois sistemas.

HSL costuma ser conveniente para criar variantes claras e escuras em código. HSV combina com seletores que mostram matiz, saturação e brilho em uma área bidimensional. Nenhum dos dois é perceptualmente uniforme: mudar dez pontos não garante uma mudança visual igual em todas as matizes.

CMYK: tinta, papel e condição de impressão

CMYK descreve separações de ciano, magenta, amarelo e preto usadas em processos de impressão. É chamado de subtrativo porque as tintas absorvem partes da luz que incide no papel. O canal K fornece uma separação preta própria, útil para texto, detalhes e sombras sem depender apenas da sobreposição de C, M e Y.

“Converter para CMYK” não é escolher uma fórmula universal. O resultado depende do perfil de saída, do processo de impressão, das tintas, do papel, do limite total de tinta e da intenção de renderização. Dois perfis CMYK podem produzir números diferentes para tentar preservar a mesma aparência.

Antes de fechar um arquivo, peça ao fornecedor:

1. o perfil ICC ou a condição de impressão esperada;
2. o formato de arquivo aceito;
3. o limite de cobertura total de tinta, quando aplicável;
4. a orientação para preto de texto e preto composto;
5. o método de prova e a tolerância de cor do trabalho.

Uma prévia em monitor não substitui prova de cor. O monitor emite luz; o impresso depende da iluminação ambiente e da reflexão do suporte. Calibração, perfil e condições de observação reduzem surpresas, mas não tornam os dois meios fisicamente iguais.

CIE XYZ e Yxy: referência e cromaticidade

CIE XYZ é um sistema tristímulo de referência criado a partir de dados de visão humana. X, Y e Z não são canais de uma tela nem quantidades de tinta. Eles formam uma base matemática usada para descrever e converter cores; o componente Y está relacionado à luminância nas condições definidas.

Yxy reorganiza XYZ. O Y conserva a informação de luminância, enquanto x e y expressam cromaticidade:

x = X / (X + Y + Z)
y = Y / (X + Y + Z)

Esse formato ajuda a desenhar diagramas de cromaticidade e comparar primárias e pontos brancos. Ele não guarda sozinho toda a aparência de uma cor: o resultado depende do observador padrão, do iluminante e das condições de medição. No preto ideal, a soma X + Y + Z é zero e as coordenadas x e y ficam indefinidas.

CIE Lab e LCH: coordenadas retangulares e polares

CIE L*a*b*, adotado pela CIE em 1976, usa três componentes: L* para claridade, a* no eixo verde–vermelho e b* no eixo azul–amarelo. Ele foi projetado para relacionar distâncias numéricas à diferença visual melhor que sistemas anteriores, mas não é perfeitamente uniforme.

CIE L*C*h° descreve o mesmo espaço em coordenadas polares. L* continua sendo a claridade; C* é o croma calculado a partir de a* e b*; h° é o ângulo de matiz. LCH não acrescenta novas cores ao Lab. Ele muda a forma de percorrer o espaço, o que costuma facilitar ajustes de croma e matiz.

Não confunda LCH com HSL. Ambos possuem um ângulo de matiz, mas HSL é uma transformação cilíndrica de RGB no contexto do espaço subjacente, enquanto CIE LCH é a forma polar de CIE Lab e depende de referência colorimétrica.

CIE LUV e Hunter Lab: por que ainda aparecem?

CIE L*u*v* também foi adotado em 1976 e usa L* com coordenadas u* e v*. Ele se relaciona a uma transformação de cromaticidade diferente da usada por Lab. LUV aparece em colorimetria, cálculos ligados a fontes luminosas e sistemas que adotaram essa família de coordenadas.

Hunter Lab é uma escala anterior a CIE Lab, calculada a partir de XYZ com uma função de claridade e eixos oponentes. Instrumentos e especificações de determinados setores ainda podem emitir valores Hunter L, a e b. Apesar dos nomes parecidos, um valor Hunter Lab não pode ser tratado como se fosse CIE L*a*b*.

A escolha correta é a definida pelo método de ensaio, pelo cliente ou pelo equipamento. Ao registrar uma medição, escreva o nome completo do espaço, o iluminante, o observador, a geometria do instrumento e a fórmula de diferença usada. “Lab” isolado pode ser informação insuficiente.

Um mesmo tom em HEX, RGB, Lab e XYZ

A W3C fornece um exemplo em que estas notações representam a mesma cor dentro das referências indicadas:

#7654CD
rgb(46.27% 32.94% 80.39%)
lab(44.36% 36.05 -58.99)
color(xyz-d50 0.2005 0.14089 0.4472)
color(xyz-d65 0.21661 0.14602 0.59452)

Os números mudam porque cada linha usa componentes e referências diferentes. Até XYZ mostra dois conjuntos: um adaptado ao ponto branco D50 e outro ao D65. Copiar valores entre campos sem converter o espaço produz outra cor, mesmo quando os números parecem plausíveis.

Para uma comparação visual rápida, abra o comparador de cores do DexBase Colors. Ele coloca duas amostras lado a lado e mostra contraste, temperatura e distância RGB. Use essa leitura como exploração; uma aprovação colorimétrica exige o método e a tolerância definidos para o trabalho.

Perfil ICC, ponto branco e gerenciamento de cor

O perfil ICC conecta valores dependentes de dispositivo a um espaço de conexão, normalmente baseado em CIE XYZ ou CIE Lab. Um sistema de gerenciamento de cor usa essas relações para transformar uma imagem da origem para o destino.

O ponto branco define a referência considerada branca. D50 e D65 são iluminantes de referência frequentes em fluxos de cor. Converter coordenadas entre referências pode exigir adaptação cromática; simplesmente renomear D50 como D65 altera o significado da medição.

Perfis incorporados evitam que um programa precise adivinhar o espaço. Arquivos sem perfil costumam ser tratados como sRGB em muitos fluxos digitais, mas essa suposição não corrige um arquivo que na verdade foi criado em outro espaço.

Como comparar duas cores sem depender só do olho

A comparação começa pela pergunta. Para uma interface, talvez você precise de contraste legível. Para uma embalagem, pode precisar de diferença colorimétrica entre lote e padrão. Para uma paleta, pode querer proximidade visual e harmonia. Essas tarefas não usam a mesma métrica.

1. Coloque as amostras nas mesmas condições de visualização.
2. Confirme que os valores pertencem ao mesmo espaço e à mesma referência.
3. Escolha a métrica apropriada: contraste, distância simples ou uma fórmula ΔE.
4. Defina a tolerância antes de medir, com base no processo e no acordo de qualidade.
5. Registre instrumento, iluminante, observador, geometria e fórmula.

ΔE representa diferença de cor. ΔE76 usa distância euclidiana em CIE Lab; ΔE2000 corrige não uniformidades conhecidas e é amplamente usado em aplicações críticas. Um número menor indica cores mais próximas dentro daquele método, mas não existe um corte universal que aprove todos os produtos, materiais e condições.

Contraste de texto é outro problema. Duas cores podem ter ΔE alto e ainda formar uma combinação inadequada para leitura. Nesse caso, use o método de contraste previsto pela norma ou pelo produto, não uma distância RGB ou Lab como substituto.

Erros comuns ao trabalhar com modelos de cor

• Chamar HEX de espaço: ele é uma notação para canais RGB, normalmente interpretados em sRGB na web.
• Dizer apenas “RGB”: sem sRGB, Display P3, Adobe RGB ou outro espaço, os números ficam ambíguos.
• Usar HSL como medição perceptual: os controles são intuitivos, mas os passos não são visualmente uniformes.
• Converter para um CMYK qualquer: a separação precisa corresponder à condição de impressão.
• Descartar o perfil: os mesmos valores podem mudar de aparência quando o programa assume outro espaço.
• Comparar Lab com Hunter Lab: os sistemas e as fórmulas não são intercambiáveis.
• Omitir ponto branco: coordenadas XYZ, Lab e relacionadas precisam da referência correta.
• Usar ΔE sem fórmula: ΔE76 e ΔE2000 podem produzir resultados diferentes para o mesmo par.

Checklist antes de escolher ou converter

• Qual é o destino: tela, impressão, luz, amostra física ou código?
• O nome identifica um modelo, um espaço, um perfil ou uma notação?
• Os valores possuem espaço e ponto branco conhecidos?
• O arquivo mantém o perfil incorporado?
• A gráfica forneceu perfil e condição de saída?
• A medição registra iluminante, observador e geometria?
• A comparação usa a fórmula e a tolerância acordadas?
• Existe uma alternativa sRGB para dispositivos sem ampla gama?

Perguntas frequentes

RGB ou CMYK: qual é melhor?

Nenhum é melhor em todos os casos. RGB atende fluxos baseados em luz e telas; CMYK descreve separações de tinta para uma condição de impressão. O correto é preservar o espaço de origem e converter com o perfil do destino quando o processo exigir.

HSV e HSB são a mesma coisa?

Na prática, HSV e HSB costumam nomear o mesmo modelo: matiz, saturação e valor ou brilho. O software pode usar escalas e arredondamentos diferentes, por isso confirme os intervalos aceitos antes de copiar números.

HSL é mais preciso que RGB?

HSL não acrescenta precisão nem amplia a gama; ele reorganiza uma cor RGB para facilitar certos ajustes. A precisão depende da codificação, do espaço RGB subjacente e do processamento, não do fato de o controle parecer mais intuitivo.

Lab e LCH são o mesmo espaço?

LCH é a representação polar de Lab: mantém L* e converte a* e b* em croma e ângulo de matiz. As duas formas podem descrever a mesma cor quando usam a mesma referência e a conversão correta.

Por que a cor muda quando imprimo?

A tela emite luz e pode mostrar cores fora da gama da impressão. Papel, tinta, perfil, processo e iluminação também alteram a reprodução. Use o perfil fornecido pela gráfica e uma prova adequada ao nível de exigência do trabalho.

Fontes consultadas

• W3C: CSS Color Module Level 4
• CIE: Colorimetry, 4th Edition
• International Color Consortium: informações sobre perfis
• Colour: conversão de CIE XYZ para Hunter Lab
• Adobe: modelos e espaços de cor