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

[Canonical HTML page](https://gradiently.design/pt-br/guide/ai-color-palette-generator)

Peça a um assistente “uma paleta bonita” e você recebe cinco cores lindas sem saber qual delas carrega o texto. Peça funções, motivos e contraste, e você recebe algo com que dá para criar hoje.

## The short version

- Um gerador de paleta de cores com IA dá resultados úteis quando você pede cores com funções, como fundo, texto, destaque e superfície, e não uma lista de códigos hex.
- Descrever o lugar, o material ou a sensação por trás de uma paleta produz cores mais marcantes do que nomear um estilo como pastel ou minimalista.
- Os assistentes erram com frequência as taxas de contraste, então confira você mesmo cada par de texto e fundo num verificador de contraste.
- As WCAG pedem uma taxa de contraste de pelo menos 4,5:1 para texto corrido e 3:1 para texto grande.
- Uma paleta só está provada quando você a usa em designs reais, em tamanhos reais, incluindo uma versão escura e uma clara se precisar das duas.

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.

### Prompt que decepciona

- “Uma paleta bonita para a minha marca”
- Só palavras de estilo: moderno, limpo, pastel
- Cinco códigos hex, sem funções
- Confia no contraste que o assistente afirma
- Julgada como amostras dentro do chat

### Prompt que funciona

- Negócio, público e clima numa linha
- Uma fonte real: um lugar, um material, uma hora do dia
- Cada cor com uma função e um nome
- Contraste conferido numa ferramenta
- Julgada num post real, em tamanho real

## Um prompt de paleta para copiar

```text
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 última linha impede o assistente de inventar números. Você vai medir o contraste direito no próximo passo.

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](https://gradiently.design/pt-br/guide/color-palette-from-image) 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.

- Noite na estufa: #0f1f1a
- Sombra de samambaia: #1f3b32
- Verde caule: #4d7c66
- Ranúnculo: #e8a0a8
- Vidro embaçado: #eef2ec
- Vidraça fosca: #c9d6cc

Fundo, texto escuro, cor principal, destaque, texto claro e superfície suave. O destaque rosa é para um único lugar pequeno em cada design.

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.

Noite na estufa, luz de caule: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

O fundo escuro com o verde principal iluminado no canto superior direito. Um texto em vidro embaçado ficaria na área calma do canto inferior esquerdo.

## 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](https://webaim.org/resources/contrastchecker/) e use os limites das WCAG.

| Uso | Mínimo WCAG AA | Par de exemplo da paleta |
| --- | --- | --- |
| Texto corrido e rótulos pequenos | 4,5:1 | Vidro embaçado `#eef2ec` sobre Noite na estufa `#0f1f1a` |
| Texto grande (títulos) | 3:1 | Ranúnculo `#e8a0a8` sobre Sombra de samambaia `#1f3b32` |
| Ícones e partes da interface | 3:1 | Verde caule `#4d7c66` sobre Vidro embaçado `#eef2ec` |
| Só decoração | Sem mínimo | Vidraça fosca `#c9d6cc` como superfície suave |

Limites das WCAG 2. Meça cada par que você pretende usar; a tabela mostra quais testar, não resultados.

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](https://gradiently.design/pt-br/guide/color-contrast-accessibility) explica as taxas, e [daltonismo no design](https://gradiently.design/pt-br/guide/color-blindness-design) cobre pares que passam no contraste mas ainda confundem alguns leitores, como vermelho e verde com luminosidade parecida.

> **Gradientes complicam o contraste** Sobre um gradiente ou uma foto, o fundo atrás do texto muda de letra para letra. Confira o ponto mais claro atrás de letras claras e o ponto mais escuro atrás de letras escuras, não a média.

## 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](https://gradiently.design/pt-br/guide/60-30-10-rule) explica a divisão, e [OKLCH explicado](https://gradiently.design/pt-br/guide/oklch-explained) mostra por que degraus de luminosidade iguais deixam as transições mais limpas.

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

A paleta da floricultura como variáveis CSS nomeadas pela função.

## 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.

Um post vertical de Instagram de uma floricultura anunciando as flores da primavera, com letras claras sobre um fundo verde profundo

Um primeiro post de teste: fundo escuro, letras claras, uma nota de cor.

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](https://gradiently.design/pt-br/guide/color-palette-generator) cobre caminhos sem IA, se você preferir começar à mão.

## FAQ

### O ChatGPT consegue gerar uma paleta de cores?

Consegue. Peça cores com funções, nomes e códigos hex, e descreva um lugar ou material real como inspiração. Confira o contraste você mesmo, porque os assistentes podem informar taxas que nunca calcularam.

### Qual é o melhor prompt para um gerador de paleta de cores com IA?

Informe seu negócio, público, três palavras de clima, uma fonte real de inspiração e as cores a evitar, e peça seis cores numa tabela com função, nome e hex.

### Como sei se uma paleta é acessível?

Teste cada par de texto e fundo num verificador de contraste. O nível WCAG AA pede 4,5:1 para texto corrido e 3:1 para texto grande e partes da interface.

### Quantas cores uma paleta de marca deve ter?

De cinco a sete atendem a maioria das marcas: um fundo, uma ou duas cores de texto, uma cor principal, um destaque usado com moderação e uma superfície suave.