Arco Íris De Três Cores - Design PNG E SVG De Arco-íris Em Três Cores Para Camisetas
Design PNG E SVG De Arco-íris Em Três Cores Para Camisetas

Como funciona um arco íris de três cores na prática

A maioria das pessoas associa arco íris a sete cores, mas na impressão e em displays digitais o conceito de arco íris de três cores aparece todo dia de forma muito mais simples. Tramos vermelho, verde e azul combinados em diferentes proporções criam a percepção de uma paleta completa. Não é mágica. É física básica aplicada a telas e impressoras. Eu comecei a lidar com isso quando migrei um projeto de visualização de dados para impressão offset. O cliente queria um gráfico com degradê que fosse do vermelho ao azul passando por tons intermediários. A primeira versão saiu com faixas visíveis entre as cores. O problema era que a impressora estava usando três canais CMYK em vez de trabalhar com uma mesclagem adequada dos três primários.

Montando um arco íris de três cores passo a passo

Vamos começar pelo básico. Se você está trabalhando em RGB para tela, pegue seus três valores. Vermelho puro é 255, 0, 0. Verde puro é 0, 255, 0. Azul puro é 0, 0, 255. Para criar uma transição suave entre eles, você interpola gradualmente cada canal. Vá de vermelho para verde aumentando o canal G enquanto diminui o R. Vá de verde para azul aumentando o B e diminuindo o G. Esse é o método padrão. O truque que quase todo mundo esquece é que a percepção humana não é linear. Um degradê feito com interpolação linear pura vai parecer desbalanceado. O verde parece muito mais forte do que o vermelho ou o azul porque nosso olho é mais sensível ao comprimento de onda verde. A correção é usar uma escala logarítmica ou gamma corrigida nos valores intermediários. Eu normalmente aplico uma curva de potência de 2.2 nos canais antes de gerar os passos intermediários. Isso alinha a progressão visual de forma muito mais natural.

Outro ponto que causa dor de cabeça é a quantização. Se você estiver gerando uma paleta com poucos degraus, tipo 8 ou 16 cores, as transições ficam visíveis como banding. Isso é especialmente problemático em monitores de 8 bits por canal. A solução prática é usar dithering ordenado ou aumentar para pelo menos 32 degraus. Em projetos de impressão, eu prefiro 64 pasos e aplicar um leve ruído aleatório para mascarar as bordas duras. O resultado ocupa basicamente o mesmo espaço mas visualmente fica aceitável. Se o seu objetivo é exportar isso como uma imagem, salve em PNG com profundidade de 16 bits por canal se possível. JPEG vai introduzir artefatos de compressão que destroem degradês suaves com muita facilidade. Eu já perdi horas tentando debugar um gradiente que parecia correto no editor mas saiu completamente quebrado porque o exportador estava usando JPEG com qualidade 75 por padrão.

👉 Clique no botão abaixo para saber mais sobre o assunto!

Arco íris de três cores em sistemas de impressão

Quando sai do digital para a impressão, a situação muda completamente. Cores subtrativas funcionam de forma oposta às aditivas. Em vez de vermelho, verde e azul, você trabalha com ciano, magenta e amarelo. Cada tinta subtrai certos comprimentos de onda da luz branca. O preto (key) entra como canal adicional porque a sobreposição das três tintas nunca produz um preto puro de verdade, apenas um marrom escuro sujo. Um dos problemas mais chatos que eu encontrei foi com perfis de cor mal configurados. O arquivo ia perfeito na tela do designer mas a impressão Saia com tons esverdeados onde deveria ter tons azulados. A causa era um mismatch entre o perfil sRGB do monitor e o perfil SWOP da gráfica. A correção foi simples: exportar em PDF/X-4 com o perfil Embedido ICC correto e verificar a pré-impressão antes de enviar para produção. Mas levar um dia inteiro pra descobrir isso.

Outra armadilha comum é tentar criar um arco íris de três cores com apenas CMY sem usar o canal K. O resultado tende a ser cores saturadas demais no vermelho e amarelo porque a combinação de ciano e magenta pura produce um azul muito mais escuro e escasso do que o vermelho ou amarelo. Para manter equilíbrio, você precisa ajustar manualmente a quantidade de cada tinta. Uma regra prática é usar menos ciano e magenta nas transições intermediárias e compensar com pequenos ajustes de amarelo. Se você está programando algo automatizado pra gerar esses gradientes, uma biblioteca útil é o ColorJS ou a função color() do CSS moderno. Ambas lidam bem com espaços de cor alternativos. No entanto, a maioria delas não corrige automaticamente a não-linearidade perceptual. Você precisa aplicar a transformação gamma antes ou depois, dependendo do fluxo. Eu configurei meu pipeline pra calcular os passos no espaço CIELAB ao invés de RGB. O resultado é visualmente uniforme porque CIELAB foi projetado exatamente pra isso: perceptual uniformity. A desvantagem é que conversões entre RGB e LAB introduzem pequenos erros de arredondamento, então não é ideal pra impressos de alta fidelidade onde cada punto conta.

Resumindo o que funciona na prática: interpolação em CIELAB para telas, ajuste manual de CMY pra impressão, sempre exporte em 16 bits quando possível, e verifique perfis de cor antes de qualquer entrega. O resto é polimento.