Como criar uma tabela de tonalidades de base líquida para um site independente de cosméticos? Método unificado para testes de cor, embalagens e páginas de SKUs.

Ao final do processo de lançamento da base líquida, o que mais costuma atrasar é a elaboração das imagens dos tons. Com as fotos do frasco já tiradas e os testes no braço concluídos, a equipe editorial só percebeu ao colocar as duas séries de imagens na página do produto que, para o mesmo tom neutro claro, o tom no frasco apresenta uma leve tonalidade amarelada, enquanto na pele fica com um aspecto mais rosado; já a cartela de cores parece até um tom mais claro. Ninguém ousou publicar antes.

Aplicar o mesmo filtro em todas as imagens não resolve o problema. A base líquida sofre influências como o recipiente, a espessura da aplicação, o tom da pele e a iluminação, tornando impossível que cada pixel da imagem fique exatamente igual; o que realmente precisa ser mantido é a sequência de tonalidades entre os diferentes números, a classificação de fundo frio ou quente e a correspondência entre os SKUs. Primeiro estabeleça essas três questões, depois passe para as fotos de modelo e de cenário.

I. Antes de iniciar a produção das imagens dos tons da base líquida, crie primeiro uma tabela de comparação de cores para toda a linha

A tabela de comparação não é um pôster destinado aos consumidores, mas sim um documento de trabalho compartilhado pelas equipes de criação visual, de produtos e de marketing. Para cada tom, inclua quatro elementos: a amostra física do produto confirmada, o padrão de cor, a foto frontal do frasco e o nome do tom. Todos os arquivos devem utilizar a mesma numeração; evite que o arquivo de filmagem indique “Claro 2”, enquanto o sistema interno chama de “Light Neutral”.

Frio, quente e neutro são categorias de fundo amplamente utilizadas pelas marcas de cosméticos, mas cada marca pode classificar tons como pêssego, oliva e dourado de maneiras ligeiramente diferentes. A forma como esses campos são preenchidos depende das normas internas de cada marca para os números de tom. A equipe de criação visual deve apenas seguir fielmente essas diretrizes; não é permitido alterar arbitrariamente um tom neutro para um tom quente apenas porque a imagem parece um pouco acinzentada.

A tabela de comparação deve primeiro esclarecer “qual SKU corresponde a este tom”, e só então avaliar se a imagem está bonita.

II. Por que o mesmo número de tom de base líquida parece diferente dentro do frasco, na cartela de cores e na pele?

Dentro do frasco, a textura do produto é vista através do vidro ou do plástico; a cartela de cores mostra uma cor uniforme em superfície plana; e, ao fazer o teste no braço, mistura-se também a cor natural da pele. É perfeitamente normal que haja diferenças entre esses três elementos. Na hora da aprovação, não utilize ferramentas de seleção para extrair um valor RGB e tentar forçar que as três imagens fiquem idênticas; em vez disso, coloque-as lado a lado com a tabela de comparação e verifique se a ordem de tonalidades mudou ou se o fundo passou de frio para quente, ou ainda se um tom neutro acabou ficando rosado.

1. Nas fotos do frasco, observe primeiro a cor do produto e, em seguida, o material da embalagem.

Em frascos transparentes, é preciso diferenciar a cor do produto da reflexão da parede do frasco; já nos frascos foscos, a saturação tende a diminuir. Durante a edição, é possível limpar poeira de rótulos, bombas e tampas, mas a cor dentro do frasco não deve ser reajustada junto com o fundo. Se dois tons adjacentes apresentarem diferença clara na vida real, essa discrepância também deve ser mantida na foto do frasco com fundo branco.

2. Nas cartelas de cores planas, preserve a sequência de tonalidades e não melhore isoladamente apenas um determinado tom.

As cartelas de cores são mais adequadas para comparações horizontais. Ao elaborá-las, siga a ordem estabelecida pela marca, padronizando a área dos blocos de cor, as margens e o fundo; mesmo que um determinado quadrado pareça “pouco destacado”, não o realce isoladamente. Caso contrário, ao clicar na imagem do SKU a partir da cartela, o comprador verá algo que parece ser outro tom.

3. Na prova de cor no braço, avalie a cobertura e o subtom, sem buscar exatidão pixel por pixel com a cartela.

Na prova de cor no braço, é importante indicar o número de camadas aplicadas, o formato das bordas e a iluminação utilizada. Não misture camadas finas e espessas na mesma fileira, nem compare diretamente um produto em estado úmido com alto brilho com um tom completamente seco. A legenda deve esclarecer que se trata de uma demonstração de cor, evitando apresentar a imagem gerada por IA como teste real de cobertura ou fixação.

Os três suportes não precisam ter resolução pixel‑por‑pixel idêntica; a ordem dos números de tom e a direção do subtom não devem ser trocados.

III. As imagens de prova de cor no braço não devem responder à pergunta “há muitas cores?”, mas sim “em que tipo de pele elas ficam?”

Uma única foto do braço preenchida com mais de dez tons pode parecer rica em informações, mas dificulta para o comprador identificar qual deles se aproxima do seu próprio tom. Uma abordagem mais prática é agrupar os tons primeiro por tonalidade de pele e, em seguida, manter em cada imagem a mesma iluminação, largura de aplicação e sequência dos números de tom. Quais tons de pele a modelo deve cobrir devem ser definidos com base no público-alvo real e nas opções de cor do produto, e não por mero efeito visual.

Ao expandir a composição da prova de cor, prepare referências de pele sem maquiagem e esquemas de posicionamento da aplicação; no PixPix, gere uma imagem‑base padronizada com ângulo de câmera, iluminação e espaços em branco . A IA deve apenas tratar do braço ou da modelo, do enquadramento e do layout; não pode criar ou inferir sozinha a cor da pele sob a base. A área final da prova de cor vista pelo comprador deve ser composta a partir de fotos reais tiradas sob condições padronizadas ou de materiais aprovados pela marca, sendo então montada conforme os locais já confirmados.

Recomenda‑se fixar as condições de captura: todos os tons da mesma prova devem usar a mesma fonte de luz, balanço de branco, posição da câmera e fundo; evite alternar entre uma foto perto da janela e outra sob lâmpadas de cor quente.

Quando os mesmos tons são aplicados em diferentes tipos de pele, a aparência varia; mantenha a sequência dos números de tom, a espessura da aplicação e a iluminação consistentes.

IV. Após o comprador de uma loja independente clicar em um número de tom de base líquida, qual imagem do SKU ele deveria ver primeiro?

No Shopify, cada variante de produto pode estar associada a uma imagem; quando o comprador seleciona essa variante, essa imagem aparece como pré‑visualização da variante. Outras imagens do mesmo tom podem permanecer na galeria do produto, organizadas em sequência próxima. O maior problema aqui não é a falta de imagens, mas sim o fato de, ao clicar em um tom de cor quente, a pré‑visualização continuar mostrando um tom neutro.

A imagem de pré‑visualização da variante deve priorizar uma foto limpa do frasco frontal, com o nome do tom e os detalhes da embalagem bem visíveis. Em seguida, inclua uma foto em close do produto, uma prova de cor no braço e referências de efeito final. Fotos de toda a linha devem ficar em posição mais destacada para facilitar a comparação, mas não substituem a imagem de confirmação individual do SKU.

1. Foto de toda a linha de tons: indica o leque de opções.

2. Foto atual do frasco do SKU: confirma o tom escolhido pelo comprador.

3. Foto em close do produto e das bordas: mostra a textura e a aparência, sem inventar resultados de uso.

4. Foto de prova de cor no braço: explica como o tom se manifesta na pele.

5. Foto de efeito final ou cenário: complementa o contexto de uso, mas não substitui a confirmação do tom.

Após clicar no tom, a primeira imagem deve confirmar o SKU; as demais explicam o produto, o efeito na pele e o contexto de uso.

V. Ao produzir em massa as imagens de produtos de base líquida, quais arquivos podem ser compartilhados e quais devem ser refeitos para cada tom?

O fundo, o ângulo da câmera, as sombras do frasco e o layout da galeria podem ser criados como modelos genéricos. Já a cor do produto, o texto do número de tom, a identificação do lote na base do frasco e o conteúdo da prova não podem ser copiados diretamente do tom anterior. O processo mais eficiente para produção em série é escolher um tom intermediário para testar o layout completo e, em seguida, substituir gradualmente cada frasco e cartela de cores já confirmados, em vez de gerar uma única imagem e depois alterar todas as cores com o controle deslizante de matiz.

Depois de definir o layout das imagens de fundo branco, detalhes e cenários, use o PixPix para completar, com a mesma composição, a coleção de imagens de cada tom . Trabalhe sempre com um único SKU por vez, enviando simultaneamente a foto original do frasco e a peça de corte correspondente; após a impressão, verifique primeiro o texto do tom e o produto, e só então inspecione sombras, fundo e acessórios.

A matriz é responsável por padronizar a composição, enquanto os números de cor são substituídos individualmente. Processar em lote não equivale a alterar todas as cores com um único clique.

VI. Antes da entrega, a equipe de visual de maquiagem realiza uma verificação cruzada utilizando números de cor adjacentes

Não se limite a verificar apenas os dois tons mais claros e mais escuros; a diferença entre eles é grande demais, e muitos erros acabam passando despercebidos. Disponha lado a lado as imagens do frasco, da cartela de cores, da amostra e das variantes no back‑office, alinhadas na mesma linha, da esquerda para a direita. Caso seja identificada qualquer inversão de tonalidade, mudança abrupta na tonalidade de base ou desalinhamento no texto do número da cor, suspenda imediatamente todo o conjunto correspondente.

Ao exportar imagens para a web, mantenha o arquivo original editável e converta‑o para sRGB. As diretrizes de gerenciamento de cores da Adobe recomendam o sRGB como padrão para imagens web; isso ajuda a reduzir as diferenças de exibição causadas pelos perfis de cor, mas não garante que todas as telas de celular apresentem exatamente a mesma reprodução. A entrega final deve ser revisada tanto no desktop quanto no celular, confirmando que, após a compressão, os números de cor adjacentes ainda permanecem distintos.

VII. Problemas frequentes nas imagens dos números de cor de bases líquidas

1. Ao traduzir os nomes dos números de cor de bases líquidas para sites multilíngues, é necessário alterar também o número SKU?

Não altere o número SKU. O nome exibido do número de cor pode ser traduzido conforme as regras de localização aprovadas pela marca; já o SKU no back‑office, os nomes dos arquivos de imagem e os números das bancadas de comparação devem permanecer inalterados, sob pena de as páginas em diferentes idiomas acabarem vinculadas às imagens erradas.

2. Após trocar o frasco da base líquida do mesmo número de cor, é possível continuar usando a imagem do produto anterior?

Quando houver mudanças no formato do frasco, na transparência, na bomba ou na etiqueta, será necessário produzir novas imagens do frasco. Se a fórmula e o número de cor permanecerem inalterados, a cartela de cores aprovada poderá continuar sendo usada como referência de cor; porém, a imagem do frasco antigo não deve permanecer nas pré‑visualizações das variantes, evitando que os compradores confundam a embalagem.

3. Os números de cor esgotados devem continuar incluídos na cartela de cores de toda a linha?

Em caso de falta temporária, a cartela de cores de toda a linha pode manter esse número de cor, desde que a página do produto indique claramente que o produto não está disponível para compra. Se o número de cor for descontinuado definitivamente, atualize simultaneamente a cartela de cores, as imagens das variantes e o conteúdo de orientação ao cliente, evitando que continue sendo apresentado como opção disponível.