RGB vs CMYK: Por que a diferença faz diferença

Conhecer a diferença entre duas coisas que são muito semelhantes pode parecer trivial.

O que você vai fazer com seu conhecimento sobre a diferença entre jacarés e crocodilos? Exibir-se em uma festa?

Mesmo ao usar software de design gráfico, a diferença entre tipo de letra e fonte é algo que tem pouco impacto em nossa compreensão do conceito geral. Pelo contrário, a diferença entre modos de cor é mais do que apenas uma curiosidade; não saber a diferença pode fazer ou quebrar seu projeto de design gráfico.

O que é RGB?

RGB é tudo sobre ver a luz.

Telas de computador mostram cores em imagens, textos e designs com diferentes combinações de luz vermelha, verde e azul. É daí que vem o RGB. Portanto, qualquer coisa projetada para uma tela – de smartwatches a um telão – deve ser projetada no modo de cor RGB.

As telas exibem imagens com centenas de pixels. Cada um desses pixels tem três subpixels: uma luz vermelha, uma luz verde e uma luz azul. Esses subpixels acendem em diferentes intensidades com base na cor que o pixel exibe, para produzir um resultado em um monitor preto.

 

A tela em que você está lendo este artigo é composta por centenas de pixels. Esses pixels se juntam para exibir as palavras e imagens que você vê.

Os valores RGB são exibidos em uma faixa entre 0 - 255, o que significa que há 256 níveis de cada uma das três cores (vermelho, verde e azul) que podem ser combinados para criar uma cor no espectro entre preto e branco. Isso significa que há mais de dezesseis milhões de cores possíveis no modo de cor RGB. Isso é muita opção.

Por exemplo, o valor RGB para a cor preta é:

Isso significa que há 0% de luz vermelha, 0% de luz verde e 0% de luz azul. Em outras palavras, há uma ausência completa de luz, resultando em preto. 

Para criar branco, um designer deve inserir:

 
Este é o valor mais alto possível de cada cor, o que significa que as luzes vermelha, verde e azul estão 100% brilhantes, resultando na máxima presença de luz: branco. 

 

Outra maneira de pensar sobre o modo de cor RGB é referindo-se ao vermelho, verde e azul como cores aditivas. Isso significa que o RGB cria outras cores adicionando quantidades de vermelho, verde e azul juntas. 

Aqui estão os valores RGB para algumas cores tradicionais e populares.

O que é CMYK?

Nem tudo o que projetamos pode ser colocado na frente de luzes brilhantes. Portanto, designs que são destinados à impressão devem ser projetados no modo CMYK.

O nome CMYK vem das quatro cores que compõem o modelo: ciano, magenta, amarelo e chave. A chave representa a cor preta. Como "B" é usado para "azul" no modelo RGB, a última letra da palavra "preto" é usada em vez da primeira.

 

O preto é usado neste modo de cor porque mesmo a combinação mais pura de ciano, magenta e amarelo (todas cores mais claras) não pode criar uma cor totalmente preta. 

CMYK usa cores subtrativas, não aditivas. Adicionar cores juntas no modo CMYK tem o efeito oposto no resultado em relação ao RGB; quanto mais cor adicionada, mais escuro o resultado. Portanto, as cores são retiradas ou subtraídas para criar um resultado claro.

Isso ocorre porque as cores CMYK absorvem luz, o que significa que mais tinta resulta em menos luz. Combinar ciano, magenta e amarelo criará um marrom profundo. Não é até que a chave (preto) seja adicionada que a cor é removida completamente.

Os valores CMYK são medidos em porcentagens. Por exemplo, para fazer a cor CMYK branca, os valores devem ser inseridos no software de design como: 

Curiosamente, definir CMY para 0% e K para 100% não cria o preto mais escuro possível.

Para criar um preto "verdadeiro", os seguintes valores devem ser inseridos:

 
Isso é chamado de "preto rico" ou "preto do Photoshop" e é um preto muito mais puro porque absorve mais luz. Essa cor não é usada com frequência porque a quantidade física de tinta necessária para produzi-la pode rasgar papéis de qualidade inferior. Isso é intenso.

Além disso, usar muita tinta incentiva borrões, o que torna o texto muito mais difícil de ler. Ao usar preto, há algumas versões diferentes que são usadas por designers que não rasgarão um buraco no seu projeto. 

• Preto Frio: 60 . 0 . 0 . 100
• Preto Quente: 0 . 60 . 30 . 100
• Preto do Designer: 70 . 50 . 30 . 100
• Preto Rico: 75 . 68 . 67 . 90

Aqui estão as entradas CMYK para algumas cores tradicionais e populares. 

CMYK vs. RGB

Em termos simples, CMYK é o modo de cor destinado à impressão com tinta, como designs de cartões de visita e pôsteres. RGB é o modo de cor destinado à comunicação digital, como sites e televisão. 

Quanto mais cor adicionada no modo CMYK, mais escuro o resultado. Quanto mais cor adicionada ao RGB, mais claro o resultado. 

CMYK tem uma faixa numérica de 4x100; RGB tem uma faixa numérica de 3x256. Portanto, as cores energéticas que o RGB pode produzir são difíceis de reproduzir em CMYK.

Ao projetar, o maior erro que você poderia cometer é esquecer de converter para o modo de cor apropriado para o seu projeto. Se você esquecer de fazer isso, as cores podem parecer desbotadas ou muito vibrantes. 

Considerações finais

Como designer, seria uma verdadeira pena se as cores que você escolheu cuidadosamente para o seu projeto não saíssem como você pretendia. Assim como precisamos ter cuidado com fontes, tamanhos de elementos e espaçamento em nossos designs, a cor é outro aspecto a se observar. Ter uma melhor compreensão de como esses modos funcionam não pode fazer mal.

Projetar pode ser avassalador ao considerar todos os elementos, mas não tema, você não precisa fazer isso sozinho. Descubra a arte da colaboração criativa para dar vida ao seu conteúdo, desde a ideação até a publicação sem problemas.