Gerador de paleta de cores com IA: prompts que dão paletas úteis

Qualquer assistente de chat competente pode funcionar como gerador de paleta de cores com IA, e a diferença entre uma lista bonita e uma paleta útil é o prompt. Peça de cinco a sete cores, cada uma com uma função (fundo, texto, destaque, superfície, borda), um nome e um código hex, e descreva um lugar ou material real em vez de um estilo. Depois confira cada par que vai carregar texto num verificador de contraste, porque os assistentes muitas vezes informam taxas de contraste que nunca calcularam. Os prompts e checagens abaixo levam uns dez minutos.

Por que prompts genéricos dão paletas genéricas

“Me dá uma paleta pastel moderna” pede ao modelo a resposta mais típica para um pedido muito comum. Você recebe o mesmo menta, o mesmo rosado e o mesmo lilás que todo gerador gratuito oferece. Duas mudanças resolvem quase tudo: dê funções às cores e dê ao assistente algo específico para imaginar.

Um prompt de paleta para copiar

Crie uma paleta de cores para [empresa, em uma linha] voltada a [público].
Clima: [três palavras]. Inspiração: [um lugar, material ou momento real].
Evitar: [cores ou clichês que você não quer].

Retorne 6 cores em uma tabela: função, nome, hex.
Funções: fundo, texto escuro, texto claro, cor principal, destaque (uso moderado), superfície suave.
Depois diga quais pares foram pensados para receber texto.
Não informe proporções de contraste; eu vou verificá-las.

A linha “inspirado em” faz o trabalho pesado. “Um porto às seis da manhã”, “ladrilhos de terracota depois da chuva” ou “o interior de um sebo antigo” dão ao modelo algo com relações de cor reais, e por isso funcionam melhor que rótulos de estilo. Paleta de cores a partir de uma imagem usa a mesma ideia com uma foto em vez de palavras.

Um exemplo prático

Este é o tipo de resultado a esperar de um prompt para uma pequena floricultura, inspirado em “uma estufa fria no começo da primavera”, com as palavras de clima calmo, fresco e discretamente sofisticado.

Transforme a paleta num fundo antes de julgá-la. Amostras em fila sempre parecem arrumadas; cores misturadas mostram se a família realmente combina ou se fica barrenta onde as cores se encontram.

Como conferir o contraste de uma paleta direito

Os modelos de linguagem preveem texto; eles não calculam. Um modelo pode dizer que um par passa quando não passa. Cole cada par de texto num verificador como o verificador de contraste do WebAIM e use os limites das WCAG.

Se um par falhar, faça ao assistente um pedido bem específico: “Escureça a cor de texto escuro até atingir 4,5:1 sobre a superfície suave, mantendo o matiz.” Depois meça de novo. Contraste de cores e acessibilidade explica as taxas, e daltonismo no design cobre pares que passam no contraste mas ainda confundem alguns leitores, como vermelho e verde com luminosidade parecida.

Prompts de continuação que melhoram uma paleta

• “Me dá uma versão clara desta paleta que mantenha o mesmo caráter, com as mesmas funções.”
• “Qual cor daqui é a mais próxima do que meus concorrentes usam? Troque por algo que se destaque.”
• “Escreva cada cor em oklch() além do hex, e mantenha degraus de luminosidade iguais entre os verdes.”
• “Sugira uma divisão 60, 30, 10 para um post usando esta paleta.”
• “Escreva propriedades personalizadas de CSS para estas cores, nomeadas pela função, não pelo matiz.”

O último é útil se você constrói para a web: nomear pela função (--ground, --text-deep) permite trocar a paleta depois sem mexer em cada regra. A regra 60 30 10 explica a divisão, e OKLCH explicado mostra por que degraus de luminosidade iguais deixam as transições mais limpas.

:root {
  --ground: #0f1f1a;
  --text-deep: #1f3b32;
  --main: #4d7c66;
  --accent: #e8a0a8;
  --text-light: #eef2ec;
  --surface-soft: #c9d6cc;
}

Teste a paleta em designs reais

Uma paleta se prova num feed movimentado, não num chat. Faça três peças reais com ela: um anúncio, uma citação e um post de promoção, nos tamanhos que você realmente publica. Se o destaque começar a aparecer em todo lugar, ele já não é um destaque.

No Gradiently, as paletas ficam no kit de marca, e um Mark mantém as palavras legíveis sozinho: sua região mais calma vai para trás do texto e a Tinta automática escolhe letras claras ou escuras por linha a partir das próprias cores do Mark, então as palavras continuam legíveis em qualquer tamanho. Gerador de paleta de cores cobre caminhos sem IA, se você preferir começar à mão.