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

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.

Un prompt de paleta que puedes copiar

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

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.

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 y usa los umbrales de las WCAG.

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 explica las relaciones, y daltonismo en el diseño trata los pares que cumplen el contraste pero aun así confunden a algunos lectores, como un rojo y un verde de luminosidad parecida.

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 explica el reparto, y OKLCH explicado muestra por qué unos pasos de luminosidad iguales hacen más limpias las mezclas.

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

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.

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 cubre caminos sin IA hacia una paleta si prefieres empezar a mano.