Générateur de palette IA : des prompts pour des palettes utiles

N’importe quel assistant conversationnel compétent peut servir de générateur de palette de couleurs IA, et ce qui sépare une jolie liste d’une palette utilisable, c’est le prompt. Demandez de cinq à sept couleurs, chacune avec un rôle (fond, texte, accent, surface, bordure), un nom et un code hex, et décrivez un lieu ou une matière réels plutôt qu’un style. Vérifiez ensuite chaque paire qui portera du texte avec un outil de contraste, car les assistants annoncent souvent des ratios qu’ils n’ont jamais calculés. Les prompts et vérifications ci-dessous prennent une dizaine de minutes.

Pourquoi un prompt générique donne une palette générique

« Donne-moi une palette pastel moderne » demande au modèle la réponse la plus typique à une requête très courante. Vous obtenez le même menthe, le même rose poudré et le même lilas que proposent tous les générateurs gratuits. Deux changements règlent l’essentiel : donnez un rôle aux couleurs, et donnez à l’assistant quelque chose de précis à se représenter.

Un prompt de palette à copier

Créez une palette de couleurs pour [activité, en une ligne], destinée à [public].
Ambiance : [trois mots]. Inspiration : [un lieu, un matériau ou un moment réel].
À éviter : [couleurs ou clichés dont vous ne voulez pas].

Présentez 6 couleurs dans un tableau : rôle, nom, hex.
Rôles : fond, texte foncé, texte clair, couleur principale, accent (utilisé avec parcimonie), surface douce.
Indiquez ensuite quelles paires sont destinées à accueillir du texte.
Ne donnez pas de rapports de contraste ; je les vérifierai.

C’est la ligne « inspiré par » qui fait le gros du travail. « Un port à six heures du matin », « des tomettes après la pluie » ou « l’intérieur d’une vieille librairie » donnent au modèle quelque chose avec de vraies relations de couleurs, et c’est pourquoi ces images battent les étiquettes de style. Une palette de couleurs à partir d’une image applique la même idée avec une photo au lieu de mots.

Un exemple concret

Voici le genre de résultat à attendre d’un prompt pour un petit fleuriste, inspiré par « une serre froide au début du printemps », avec les mots d’ambiance calme, frais et discrètement luxueux.

Transformez-la en fond avant de la juger. Des échantillons alignés ont toujours l’air soignés ; des couleurs fondues ensemble vous montrent si la famille va vraiment ensemble ou devient boueuse là où elles se rencontrent.

Vérifier correctement le contraste d’une palette

Les modèles de langage prédisent du texte ; ils ne calculent pas. Un modèle peut vous dire qu’une paire passe alors que ce n’est pas le cas. Collez chaque paire de texte dans un outil comme le vérificateur de contraste de WebAIM et appliquez les seuils WCAG.

Si une paire échoue, posez à l’assistant une question ciblée : « Fonce la couleur de texte foncé jusqu’à atteindre 4,5:1 sur la surface douce, en gardant sa teinte. » Puis mesurez à nouveau. Contraste des couleurs et accessibilité explique les ratios, et le daltonisme en design traite des paires qui passent le contraste mais déroutent encore certains lecteurs, comme un rouge et un vert de luminosité proche.

Des relances qui améliorent une palette

• « Donne-moi une version claire de cette palette qui garde le même caractère, avec les mêmes rôles. »
• « Quelle couleur ici est la plus proche de celles de mes concurrents ? Remplace-la par quelque chose qui se démarque. »
• « Écris chaque couleur en oklch() en plus du hex, et garde des écarts de luminosité réguliers entre les verts. »
• « Propose une répartition 60, 30, 10 pour une publication sociale avec cette palette. »
• « Écris des propriétés personnalisées CSS pour ces couleurs, nommées par rôle et non par teinte. »

La dernière est utile si vous développez pour le web : nommer par rôle (--ground, --text-deep) vous permet de changer de palette plus tard sans toucher à chaque règle. La règle 60 30 10 explique la répartition, et OKLCH expliqué montre pourquoi des écarts de luminosité réguliers rendent les fondus plus propres.

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

Tester la palette sur de vraies créations

Une palette fait ses preuves dans un fil chargé, pas dans une conversation. Réalisez trois vraies pièces avec elle : une annonce, une citation et une publication de promotion, aux tailles que vous publiez réellement. Si l’accent commence à apparaître partout, ce n’est plus un accent.

Dans Gradiently, les palettes vivent dans le kit de marque, et un Mark garde lui-même les mots lisibles : sa zone la plus calme se place derrière le texte et l’encre automatique choisit un texte clair ou sombre pour chaque ligne à partir des couleurs du Mark lui-même, si bien que les mots restent lisibles à toutes les tailles. Générateur de palette de couleurs présente des chemins sans IA si vous préférez commencer à la main.