# Prompts para un generador de paletas de colores con IA que funcionan

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

Pide a un asistente “una paleta bonita” y te dará cinco colores preciosos sin saber cuál lleva el texto. Pide funciones, motivos y contraste, y tendrás algo con lo que diseñar hoy mismo.

## The short version

- Un generador de paletas de colores con IA da resultados útiles cuando pides colores con una función, como fondo, texto, acento y superficie, en lugar de una lista de códigos hex.
- Describir el lugar, el material o la sensación detrás de una paleta produce colores más distintivos que nombrar un estilo como pastel o minimalista.
- Los asistentes suelen equivocarse con las relaciones de contraste, así que comprueba tú mismo cada par de texto y fondo con un comprobador de contraste.
- Las WCAG piden una relación de contraste de al menos 4,5:1 para el texto de lectura y 3:1 para el texto grande.
- Una paleta solo está probada cuando la has usado en diseños reales a tamaño real, incluida una versión oscura y otra clara si necesitas ambas.

Cualquier asistente de chat capaz puede funcionar como **generador de paletas de colores con IA**, y la diferencia entre una lista bonita y una paleta útil está en el prompt. Pide entre cinco y siete colores, cada uno con una función (fondo, texto, acento, superficie, borde), un nombre y un código hex, y describe un lugar o un material real en lugar de un estilo. Después comprueba con un comprobador de contraste cada par que vaya a llevar texto, porque los asistentes suelen dar relaciones de contraste que nunca han calculado. Los prompts y comprobaciones de abajo llevan unos diez minutos.

## Por qué los prompts genéricos dan paletas genéricas

“Dame una paleta pastel moderna” le pide al modelo la respuesta más típica a una petición muy común. Obtienes el mismo menta, rosa empolvado y lila que ofrece cualquier generador gratuito. Dos cambios lo arreglan casi todo: da una función a cada color y dale al asistente algo concreto que imaginar.

### Prompt que decepciona

- “Una paleta bonita para mi marca”
- Solo palabras de estilo: moderno, limpio, pastel
- Cinco códigos hex, sin funciones
- Se fía de lo que dice el asistente sobre el contraste
- Se juzga como muestras en el chat

### Prompt que funciona

- Negocio, público y ambiente en una línea
- Una fuente real: un lugar, un material, una hora del día
- Cada color con una función y un nombre
- Contraste comprobado con una herramienta
- Se juzga en una publicación real a tamaño real

## Un prompt de paleta que puedes copiar

```text
Crea una paleta de colores para [negocio, en una línea] dirigida a [público].
Ambiente: [tres palabras]. Inspirada en: [un lugar, material o momento real].
Evita: [colores o tópicos que no quieres].

Devuelve 6 colores en una tabla: función, nombre, hex.
Funciones: fondo, texto oscuro, texto claro, color principal, acento (con moderación), superficie suave.
Después indica qué pares están pensados para texto.
No indiques relaciones de contraste; las comprobaré yo.
```

La última línea evita que el asistente se invente cifras. En el siguiente paso medirás el contraste como es debido. Puedes escribir el prompt en español; la estructura es la misma.

La línea de “inspirado en” hace el trabajo pesado. “Un puerto a las seis de la mañana”, “baldosas de terracota después de la lluvia” o “el interior de una librería antigua” le dan al modelo algo con relaciones de color reales, y por eso ganan a las etiquetas de estilo. [Paleta de colores a partir de una imagen](https://gradiently.design/es/guide/color-palette-from-image) aplica la misma idea con una foto en lugar de palabras.

## Un ejemplo práctico

Este es el tipo de resultado que cabe esperar de un prompt para una pequeña floristería, inspirado en “un invernadero frío a comienzos de la primavera”, con las palabras de ambiente tranquilo, fresco y discretamente caro.

- Noche de invernadero: #0f1f1a
- Sombra de helecho: #1f3b32
- Verde tallo: #4d7c66
- Ranúnculo: #e8a0a8
- Cristal empañado: #eef2ec
- Vidrio escarchado: #c9d6cc

Fondo, texto oscuro, color principal, acento, texto claro y superficie suave. El acento rosa está pensado para un solo punto pequeño en cada diseño.

Conviértela en un fondo antes de juzgarla. Las muestras en fila siempre parecen ordenadas; los colores mezclados te enseñan si la familia de verdad encaja o se vuelve turbia donde se tocan.

Noche de invernadero, luz de tallo: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

El fondo oscuro con el verde principal iluminado desde arriba a la derecha. Un texto en cristal empañado quedaría en la zona tranquila de abajo a la izquierda.

## Cómo comprobar bien el contraste de una paleta

Los modelos de lenguaje predicen texto; no calculan. Un modelo puede decirte que un par cumple cuando no es así. Pega cada par de texto en un comprobador como el [comprobador de contraste de WebAIM](https://webaim.org/resources/contrastchecker/) y usa los umbrales de las WCAG.

| Uso | Mínimo WCAG AA | Par de ejemplo de la paleta |
| --- | --- | --- |
| Texto de lectura y etiquetas pequeñas | 4,5:1 | Cristal empañado `#eef2ec` sobre Noche de invernadero `#0f1f1a` |
| Texto grande (titulares) | 3:1 | Ranúnculo `#e8a0a8` sobre Sombra de helecho `#1f3b32` |
| Iconos y elementos de interfaz | 3:1 | Verde tallo `#4d7c66` sobre Cristal empañado `#eef2ec` |
| Solo decoración | Sin mínimo | Vidrio escarchado `#c9d6cc` como superficie suave |

Umbrales de las WCAG 2. Mide cada par que pienses usar; la tabla indica cuáles probar, no los resultados.

Si un par no cumple, haz al asistente una petición concreta: “Oscurece el color de texto oscuro hasta que alcance 4,5:1 sobre la superficie suave, manteniendo su tono.” Luego vuelve a medir. [Contraste de color y accesibilidad](https://gradiently.design/es/guide/color-contrast-accessibility) explica las relaciones, y [daltonismo en el diseño](https://gradiently.design/es/guide/color-blindness-design) trata los pares que cumplen el contraste pero aun así confunden a algunos lectores, como un rojo y un verde de luminosidad parecida.

> **Los degradados complican el contraste** Sobre un degradado o una foto, el fondo detrás del texto cambia de una letra a otra. Comprueba el punto más claro detrás del texto claro y el más oscuro detrás del texto oscuro, no la media.

## Prompts de seguimiento que mejoran una paleta

- “Dame una versión clara de esta paleta que conserve el mismo carácter, con las mismas funciones.”
- “¿Qué color de aquí se parece más a lo que usa mi competencia? Sustitúyelo por algo que se distinga.”
- “Escribe cada color también en `oklch()` además de en hex, y mantén pasos de luminosidad iguales entre los verdes.”
- “Sugiere un reparto 60, 30, 10 para una publicación en redes con esta paleta.”
- “Escribe propiedades personalizadas de CSS para estos colores, con nombres por función y no por tono.”

La última es útil si trabajas para la web: nombrar por función (`--ground`, `--text-deep`) te permite cambiar la paleta más adelante sin tocar cada regla. [La regla 60 30 10](https://gradiently.design/es/guide/60-30-10-rule) explica el reparto, y [OKLCH explicado](https://gradiently.design/es/guide/oklch-explained) muestra por qué unos pasos de luminosidad iguales hacen más limpias las mezclas.

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

La paleta de la floristería como variables CSS con nombres por función.

## Prueba la paleta en diseños reales

Una paleta se demuestra en un feed lleno, no en un chat. Haz con ella tres piezas reales: un anuncio, una cita y una publicación de rebajas, a los tamaños que de verdad publicas. Si el acento empieza a aparecer por todas partes, ya no es un acento.

Una publicación vertical de Instagram de una floristería que anuncia los tallos de primavera, con texto pálido sobre un fondo verde profundo

Una primera publicación de prueba: fondo oscuro, texto pálido, una sola nota de color.

En Gradiently, las paletas viven en el kit de marca, y un Mark mantiene las palabras legibles por sí solo: coloca su zona más tranquila detrás del texto y la tinta automática elige texto claro u oscuro por línea a partir de los propios colores del Mark, así que las palabras se leen bien en cualquier tamaño. [Generador de paletas de colores](https://gradiently.design/es/guide/color-palette-generator) cubre caminos sin IA hacia una paleta si prefieres empezar a mano.

## FAQ

### ¿Puede ChatGPT generar una paleta de colores?

Sí. Pide colores con funciones, nombres y códigos hex, y describe un lugar o material real como inspiración. Comprueba tú el contraste, porque los asistentes pueden dar relaciones que nunca han calculado.

### ¿Cuál es el mejor prompt para un generador de paletas de colores con IA?

Indica tu negocio, tu público, tres palabras de ambiente, una fuente real de inspiración y los colores que quieres evitar, y pide seis colores en una tabla con función, nombre y hex.

### ¿Cómo compruebo si una paleta es accesible?

Prueba cada par de texto y fondo en un comprobador de contraste. WCAG AA pide 4,5:1 para el texto de lectura y 3:1 para el texto grande y los elementos de interfaz.

### ¿Cuántos colores debería tener la paleta de una marca?

Entre cinco y siete cubren a la mayoría de marcas: un fondo, uno o dos colores de texto, un color principal, un acento usado con moderación y una superficie suave.