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

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

Be en assistent om "en fin palett" och du får fem vackra färger utan aning om vilken som bär text. Be om roller, skäl och kontrast, så får du något du kan designa med redan i dag.

## The short version

- En AI-färgpalettgenerator ger användbara resultat när du ber om färger med roller, som grund, text, accent och yta, i stället för en lista med hexkoder.
- Att beskriva platsen, materialet eller känslan bakom en palett ger mer särpräglade färger än att nämna en stil som pastell eller minimalistisk.
- Assistenter får ofta kontrastvärden fel, så kontrollera varje par av text och bakgrund själv med ett kontrastverktyg.
- WCAG kräver ett kontrastvärde på minst 4,5:1 för brödtext och 3:1 för stor text.
- En palett är först bevisad när du har använt den i riktiga designer i riktiga storlekar, inklusive en mörk och en ljus version om du behöver båda.

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.

### Prompt som gör besviken

- "En fin palett till mitt varumärke"
- Bara stilord: modern, ren, pastell
- Fem hexkoder, inga roller
- Litar på assistentens kontrastpåståenden
- Bedöms som färgrutor i chatten

### Prompt som fungerar

- Verksamhet, målgrupp och stämning på en rad
- En verklig källa: en plats, ett material, en tid på dygnet
- Varje färg får en roll och ett namn
- Kontrasten kontrollerad i ett verktyg
- Bedöms på ett riktigt inlägg i verklig storlek

## En palettprompt du kan kopiera

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

Sista raden hindrar assistenten från att hitta på siffror. Du mäter kontrasten ordentligt i nästa steg.

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](https://gradiently.design/sv/guide/color-palette-from-image) 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.

- Växthusnatt: #0f1f1a
- Ormbunksskugga: #1f3b32
- Stjälkgrön: #4d7c66
- Smörblomma: #e8a0a8
- Immigt glas: #eef2ec
- Frostruta: #c9d6cc

Grund, mörk text, huvudfärg, accent, ljus text och mjuk yta. Den rosa accenten är avsedd för ett litet ställe per design.

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.

Växthusnatt, stjälkljus: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

Den mörka grunden med huvudgrönt belyst uppifrån till höger. Text i immigt glas skulle sitta i det lugna nedre vänstra hörnet.

## 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](https://webaim.org/resources/contrastchecker/) och använd WCAG:s gränsvärden.

| Användning | WCAG AA minimum | Exempelpar ur paletten |
| --- | --- | --- |
| Brödtext och små etiketter | 4,5:1 | Immigt glas `#eef2ec` på Växthusnatt `#0f1f1a` |
| Stor text (rubriker) | 3:1 | Smörblomma `#e8a0a8` på Ormbunksskugga `#1f3b32` |
| Ikoner och delar av gränssnittet | 3:1 | Stjälkgrön `#4d7c66` på Immigt glas `#eef2ec` |
| Enbart dekoration | Inget minimum | Frostruta `#c9d6cc` som mjuk yta |

Gränsvärden från WCAG 2. Mät varje par du tänker använda; tabellen visar vilka du ska testa, inte resultat.

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](https://gradiently.design/sv/guide/color-contrast-accessibility) förklarar värdena, och [färgblindhet i design](https://gradiently.design/sv/guide/color-blindness-design) tar upp par som klarar kontrasten men ändå förvirrar vissa läsare, som rött och grönt med liknande ljushet.

> **Gradienter komplicerar kontrast** På en gradient eller ett foto ändras bakgrunden bakom texten från bokstav till bokstav. Kontrollera den ljusaste punkten bakom ljus text och den mörkaste punkten bakom mörk text, inte genomsnittet.

## 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](https://gradiently.design/sv/guide/60-30-10-rule) förklarar fördelningen, och [OKLCH förklarat](https://gradiently.design/sv/guide/oklch-explained) visar varför jämna ljushetssteg ger renare övergångar.

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

Blomsterhandlarens palett som CSS-variabler namngivna efter roll.

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

Ett stående Instagraminlägg för en blomsterhandlare som presenterar vårens stjälkar, med blek text på en djupgrön bakgrund

Ett första testinlägg: mörk grund, blek text, en enda ton av färg.

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](https://gradiently.design/sv/guide/color-palette-generator) tar upp vägar till en palett utan AI om du hellre vill börja för hand.

## FAQ

### Kan ChatGPT generera en färgpalett?

Ja. Be om färger med roller, namn och hexkoder, och beskriv en verklig plats eller ett material som inspiration. Kontrollera kontrasten själv, eftersom assistenter kan ange värden de aldrig räknat ut.

### Vilken är den bästa prompten för en AI-färgpalettgenerator?

Ange din verksamhet, målgrupp, tre stämningsord, en verklig inspirationskälla och färger att undvika, och be sedan om sex färger som en tabell med roll, namn och hex.

### Hur kontrollerar jag om en palett är tillgänglig?

Testa varje par av text och bakgrund i ett kontrastverktyg. WCAG AA kräver 4,5:1 för brödtext och 3:1 för stor text och delar av gränssnittet.

### Hur många färger ska en varumärkespalett ha?

Fem till sju räcker för de flesta varumärken: en grund, en eller två textfärger, en huvudfärg, en accent som används sparsamt och en mjuk yta.