Prompter för AI-färgpaletter som ger paletter du kan använda

Vilken kapabel chattassistent som helst kan fungera som en AI-färgpalettgenerator, och skillnaden mellan en vacker lista och en användbar palett är prompten. Be om fem till sju färger, var och en med en uppgift (grund, text, accent, yta, kant), ett namn och en hexkod, och beskriv en verklig plats eller ett material i stället för en stil. Kontrollera sedan varje par som ska bära text med ett kontrastverktyg, eftersom assistenter ofta anger kontrastvärden de aldrig räknat ut. Prompterna och kontrollerna nedan tar ungefär tio minuter.

Därför ger generiska palettprompter generiska paletter

"Ge mig en modern pastellpalett" ber modellen om det typiska svaret på en mycket vanlig begäran. Du får samma mynta, rodnad och lila som varje gratisgenerator erbjuder. Två ändringar åtgärdar det mesta: ge färgerna uppgifter, och ge assistenten något konkret att se framför sig.

En palettprompt du kan kopiera

Skapa en färgpalett för [verksamhet, en rad] riktad till [målgrupp].
Stämning: [tre ord]. Inspirerad av: [en verklig plats, ett material eller ett ögonblick].
Undvik: [färger eller klichéer du inte vill ha].

Återge 6 färger som en tabell: roll, namn, hex.
Roller: grund, mörk text, ljus text, huvudfärg, accent (används sparsamt), mjuk yta.
Säg sedan vilka par som är avsedda att bära text.
Ange inga kontrastvärden; jag kontrollerar dem själv.

Raden "inspirerad av" gör det tunga jobbet. "En hamn klockan sex på morgonen", "terrakottaplattor efter regn" eller "insidan av ett gammalt antikvariat" ger modellen något med verkliga färgsamband, och därför slår de stiletiketter. Färgpalett från en bild använder samma idé med ett foto i stället för ord.

Ett genomarbetat exempel

Här är den sorts resultat du kan vänta dig av en prompt för en liten blomsterhandlare, inspirerad av "ett kallt växthus tidigt på våren", med stämningsorden lugn, fräsch och diskret dyr.

Gör om den till en bakgrund innan du bedömer den. Färgrutor på rad ser alltid snygga ut; färger som blandas visar om familjen verkligen hör ihop eller blir grumlig där de möts.

Så kontrollerar du palettens kontrast ordentligt

Språkmodeller förutsäger text; de räknar inte. En modell kan säga att ett par klarar kravet när det inte gör det. Klistra in varje textpar i ett verktyg som WebAIM:s kontrastkontroll och använd WCAG:s gränsvärden.

Om ett par underkänns, ställ en snäv följdfråga till assistenten: "Gör den mörka textfärgen mörkare tills den når 4,5:1 mot den mjuka ytan, med bibehållen nyans." Mät sedan igen. Färgkontrast och tillgänglighet förklarar värdena, och färgblindhet i design tar upp par som klarar kontrasten men ändå förvirrar vissa läsare, som rött och grönt med liknande ljushet.

Följdprompter som förbättrar en palett

• "Ge mig en ljus version av den här paletten som behåller samma karaktär, med samma roller."
• "Vilken färg här ligger närmast det mina konkurrenter använder? Byt ut den mot något som skiljer sig."
• "Skriv varje färg i oklch() såväl som hex, och håll ljushetsstegen jämna mellan de gröna."
• "Föreslå en 60-30-10-fördelning för ett inlägg i sociala medier med den här paletten."
• "Skriv CSS-variabler för de här färgerna, namngivna efter roll, inte efter nyans."

Den sista är användbar om du bygger för webben: att namnge efter roll (--ground, --text-deep) låter dig byta palett senare utan att röra varje regel. 60-30-10-regeln förklarar fördelningen, och OKLCH förklarat visar varför jämna ljushetssteg ger renare övergångar.

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

Testa paletten på riktiga designer

En palett bevisar sig i ett myllrande flöde, inte i en chatt. Gör tre riktiga stycken med den: ett meddelande, ett citat och ett reainlägg, i de storlekar du faktiskt publicerar i. Om accenten börjar dyka upp överallt är den inte längre en accent.

I Gradiently ligger paletter i varumärkeskitet, och en Mark håller orden läsbara av sig själv: dess lugnaste område flyttar sig bakom texten och Auto-bläck väljer ljus eller mörk text per rad utifrån Markens egna färger, så att orden förblir läsbara i varje storlek. Färgpalettgenerator tar upp vägar till en palett utan AI om du hellre vill börja för hand.