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

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

Pede a um assistente "uma paleta bonita" e recebes cinco cores bonitas sem saberes qual leva o texto. Pede funções, razões e contraste e recebes algo com que podes desenhar hoje.

## The short version

- Um gerador de paletas de cores com IA dá bons resultados quando pedes cores com funções, como fundo, texto, destaque e superfície, em vez de uma lista de códigos hex.
- Descrever o lugar, o material ou a sensação por trás de uma paleta produz cores mais distintas do que nomear um estilo como pastel ou minimalista.
- Os assistentes erram muitas vezes os rácios de contraste, por isso verifica tu cada par de texto e fundo com um verificador de contraste.
- As WCAG pedem um rácio de contraste de pelo menos 4,5:1 para texto corrido e 3:1 para texto grande.
- Uma paleta só fica provada depois de a usares em designs reais em tamanhos reais, incluindo uma versão escura e uma clara se precisares das duas.

Qualquer assistente de chat capaz pode funcionar como **gerador de paletas de cores com IA**, e a diferença entre uma lista bonita e uma paleta útil está no pedido. Pede cinco a sete cores, cada uma com uma função (fundo, texto, destaque, superfície, contorno), um nome e um código hex, e descreve um lugar ou material reais em vez de um estilo. Depois verifica cada par que vai levar texto com um verificador de contraste, porque os assistentes indicam muitas vezes rácios que nunca calcularam. Os pedidos e as verificações abaixo levam cerca de dez minutos.

## Porque é que pedidos de paleta genéricos dão paletas genéricas

"Dá-me uma paleta pastel moderna" pede ao modelo a resposta mais típica para um pedido muito comum. Recebes o mesmo verde-menta, rosa-pálido e lilás que todos os geradores gratuitos oferecem. Duas mudanças resolvem quase tudo: dá funções às cores e dá ao assistente algo específico para ter em mente.

### Pedido que desilude

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

### Pedido que funciona

- Negócio, público e ambiente numa linha
- Uma fonte real: um lugar, um material, uma hora do dia
- Cada cor com uma função e um nome
- Contraste verificado numa ferramenta
- Avaliada numa publicação real em tamanho real

## Um pedido de paleta que podes copiar

```text
Cria uma paleta de cores para [empresa, numa linha] destinada a [público].
Clima: [três palavras]. Inspiração: [um lugar, material ou momento real].
Evitar: [cores ou clichés que não queres].

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

A última linha impede o assistente de inventar números. Vais medir o contraste como deve ser no passo seguinte.

A linha "inspirada em" faz o trabalho pesado. "Um porto às seis da manhã", "azulejos de barro depois da chuva" ou "o interior de um alfarrabista" dão ao modelo algo com relações de cor reais, e é por isso que ganham a rótulos de estilo. A [paleta de cores a partir de uma imagem](https://gradiently.design/pt-pt/guide/color-palette-from-image) usa a mesma ideia com uma fotografia em vez de palavras.

## Um exemplo prático

Aqui fica o tipo de resultado a esperar de um pedido para uma pequena florista, inspirado numa "estufa fria no início da primavera", com as palavras de ambiente calma, fresca e discretamente cara.

- Noite de estufa: #0f1f1a
- Sombra de feto: #1f3b32
- Verde de caule: #4d7c66
- Ranúnculo: #e8a0a8
- Vidro embaciado: #eef2ec
- Vidraça gelada: #c9d6cc

Fundo, texto escuro, cor principal, destaque, texto claro e superfície suave. O destaque rosa é para um só sítio pequeno por design.

Transforma-a num fundo antes de a avaliares. Amostras em fila parecem sempre arrumadas; cores misturadas mostram se a família realmente combina ou fica enlameada onde se encontra.

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

O fundo escuro com o verde principal iluminado do canto superior direito. A letra de vidro embaciado ficaria na zona calma em baixo à esquerda.

## Como verificar bem o contraste de uma paleta

Os modelos de linguagem preveem texto; não calculam. Um modelo pode dizer-te que um par passa quando não passa. Cola cada par de texto num verificador, como o [verificador de contraste da WebAIM](https://webaim.org/resources/contrastchecker/), e usa os limiares das WCAG.

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

Limiares das WCAG 2. Mede cada par que planeias usar; a tabela mostra quais testar, não resultados.

Se um par falhar, faz ao assistente um pedido seguinte estreito: "Escurece a cor do texto escuro até atingir 4,5:1 sobre a superfície suave, mantendo o matiz." Depois volta a medir. O [contraste de cor e acessibilidade](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) explica os rácios, e o [daltonismo no design](https://gradiently.design/pt-pt/guide/color-blindness-design) trata de pares que passam o contraste mas continuam a confundir alguns leitores, como vermelho e verde com luminosidade parecida.

> **Os gradientes complicam o contraste** Num gradiente ou numa fotografia, o fundo por trás do texto muda de letra para letra. Verifica o ponto mais claro por trás de letra clara e o mais escuro por trás de letra escura, não a média.

## Pedidos seguintes que melhoram uma paleta

- "Dá-me uma versão clara desta paleta que mantenha o mesmo carácter, com as mesmas funções."
- "Qual destas cores é a mais próxima do que os meus concorrentes usam? Troca-a por algo que se distinga."
- "Escreve cada cor em `oklch()` além de hex e mantém os degraus de luminosidade uniformes entre os verdes."
- "Sugere uma divisão 60, 30, 10 para uma publicação social com esta paleta."
- "Escreve propriedades personalizadas de CSS para estas cores, nomeadas pela função e não pelo matiz."

O último é útil se construíres para a web: nomear pela função (`--ground`, `--text-deep`) permite trocar a paleta mais tarde sem mexer em cada regra. A [regra 60 30 10](https://gradiently.design/pt-pt/guide/60-30-10-rule) explica a divisão, e o [OKLCH explicado](https://gradiently.design/pt-pt/guide/oklch-explained) mostra porque degraus uniformes de luminosidade tornam as misturas mais limpas.

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

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

## Testa a paleta em designs reais

Uma paleta prova-se num feed carregado, não num chat. Faz três peças reais com ela: um anúncio, uma citação e uma publicação de saldos, nos tamanhos em que realmente publicas. Se o destaque começar a aparecer em todo o lado, já não é um destaque.

Uma publicação vertical de Instagram de uma florista a anunciar caules da primavera, com letra pálida sobre um fundo verde profundo

Uma primeira publicação de teste: fundo escuro, letra pálida, uma nota de cor.

No Gradiently, as paletas vivem no kit de marca, e um Mark mantém as palavras legíveis por si: a sua zona mais calma move-se para trás do texto e a Tinta automática escolhe letra clara ou escura por linha a partir das cores do próprio Mark, por isso as palavras continuam legíveis em todos os tamanhos. O [gerador de paletas de cores](https://gradiently.design/pt-pt/guide/color-palette-generator) trata de caminhos sem IA para uma paleta, se preferires começar à mão.

## FAQ

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

Sim. Pede cores com funções, nomes e códigos hex e descreve um lugar ou material reais como inspiração. Verifica tu o contraste, porque os assistentes podem indicar rácios que nunca calcularam.

### Qual é o melhor pedido para um gerador de paletas de cores com IA?

Dá o teu negócio, o público, três palavras de ambiente, uma fonte real de inspiração e as cores a evitar, e depois pede seis cores numa tabela de função, nome e hex.

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

Testa cada par de texto e fundo num verificador de contraste. As WCAG AA pedem 4,5:1 para texto corrido e 3:1 para texto grande e partes da interface.

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

Cinco a sete chegam à maioria das marcas: um fundo, uma ou duas cores de texto, uma cor principal, um destaque usado com parcimónia e uma superfície suave.