# Instruksjoner til AI-fargepalettgenerator som gir brukbare paletter

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

Ber du en assistent om «en fin palett», får du fem pene farger uten anelse om hvilken som skal bære tekst. Be om roller, begrunnelser og kontrast, så får du noe du kan designe med i dag.

## The short version

- En AI-fargepalettgenerator gir brukbare resultater når du ber om farger med roller, som bakgrunn, tekst, aksent og flate, i stedet for en liste med hex-koder.
- Å beskrive stedet, materialet eller følelsen bak en palett gir mer særpregede farger enn å nevne en stil som pastell eller minimalistisk.
- Assistenter tar ofte feil av kontrastforhold, så sjekk hvert par av tekst og bakgrunn selv med et verktøy for kontrastsjekk.
- WCAG krever et kontrastforhold på minst 4,5:1 for brødtekst og 3:1 for stor tekst.
- En palett er først bevist når du har brukt den i ekte design i ekte størrelser, inkludert en mørk og en lys versjon hvis du trenger begge.

Enhver dyktig chatassistent kan fungere som en **AI-fargepalettgenerator**, og forskjellen mellom en pen liste og en brukbar palett ligger i instruksjonen. Be om fem til sju farger, hver med en jobb (bakgrunn, tekst, aksent, flate, kant), et navn og en hex-kode, og beskriv et ekte sted eller materiale i stedet for en stil. Sjekk deretter hvert par som skal bære tekst med et kontrastverktøy, fordi assistenter ofte oppgir kontrastforhold de aldri har regnet ut. Instruksjonene og sjekkene under tar omtrent ti minutter.

## Hvorfor generiske instruksjoner gir generiske paletter

«Gi meg en moderne pastellpalett» ber modellen om det mest typiske svaret på en svært vanlig forespørsel. Du får den samme mintgrønne, rosa og syrinfargede som alle gratisgeneratorer tilbyr. To endringer løser det meste: gi fargene jobber, og gi assistenten noe konkret å se for seg.

### Instruksjon som skuffer

- «En fin palett til merkevaren min»
- Bare stilord: moderne, ren, pastell
- Fem hex-koder, ingen roller
- Stoler på assistentens påstander om kontrast
- Vurdert som fargeprøver i chatten

### Instruksjon som virker

- Bedrift, målgruppe og stemning på én linje
- En ekte kilde: et sted, et materiale, en tid på døgnet
- Hver farge gitt en rolle og et navn
- Kontrasten sjekket i et verktøy
- Vurdert på et ekte innlegg i ekte størrelse

## En palettinstruksjon du kan kopiere

```text
Lag en fargepalett for [bedrift, én linje] rettet mot [målgruppe].
Stemning: [tre ord]. Inspirert av: [et ekte sted, materiale eller øyeblikk].
Unngå: [farger eller klisjeer du ikke vil ha].

Gi meg 6 farger som en tabell: rolle, navn, hex.
Roller: bakgrunn, mørk tekst, lys tekst, hovedfarge, aksent (brukes sparsomt), myk flate.
Si så hvilke par som skal bære tekst.
Ikke oppgi kontrastforhold; dem sjekker jeg selv.
```

Den siste linjen hindrer assistenten i å finne på tall. Du måler kontrasten skikkelig i neste steg.

Linjen «inspirert av» gjør det tunge løftet. «En havn klokka seks om morgenen», «terrakottafliser etter regn» eller «innsiden av en gammel bokhandel» gir modellen noe med ekte fargeforhold, og det er derfor de slår stilbetegnelser. [Fargepalett fra et bilde](https://gradiently.design/nb/guide/color-palette-from-image) bruker den samme ideen med et foto i stedet for ord.

## Et gjennomarbeidet eksempel

Her er den typen resultat du kan forvente fra en instruksjon for en liten blomsterbutikk, inspirert av «et kaldt drivhus tidlig på våren», med stemningsordene rolig, frisk og stille eksklusiv.

- Drivhusnatt: #0f1f1a
- Bregneskygge: #1f3b32
- Stilkgrønn: #4d7c66
- Ranunkel: #e8a0a8
- Dugget glass: #eef2ec
- Frostet rute: #c9d6cc

Bakgrunn, mørk tekst, hovedfarge, aksent, lys tekst og myk flate. Den rosa aksenten er ment for ett lite sted per design.

Gjør den om til en bakgrunn før du vurderer den. Fargeprøver på rad ser alltid ryddige ut; farger blandet sammen viser deg om familien virkelig hører sammen, eller om den blir grumsete der fargene møtes.

Drivhusnatt, stilklys: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

Den mørke bakgrunnen med hovedgrønnfargen opplyst øverst til høyre. Tekst i dugget glass ville ligget i det rolige området nede til venstre.

## Slik sjekker du kontrasten i en palett skikkelig

Språkmodeller forutsier tekst; de regner ikke. En modell kan si at et par består når det ikke gjør det. Lim inn hvert tekstpar i et verktøy som [WebAIMs kontrastsjekker](https://webaim.org/resources/contrastchecker/) og bruk WCAG-tersklene.

| Bruk | Minimum etter WCAG AA | Eksempelpar fra paletten |
| --- | --- | --- |
| Brødtekst og små etiketter | 4,5:1 | Dugget glass `#eef2ec` på Drivhusnatt `#0f1f1a` |
| Stor tekst (overskrifter) | 3:1 | Ranunkel `#e8a0a8` på Bregneskygge `#1f3b32` |
| Ikoner og grensesnittelementer | 3:1 | Stilkgrønn `#4d7c66` på Dugget glass `#eef2ec` |
| Bare dekor | Ingen minimum | Frostet rute `#c9d6cc` som myk flate |

Terskler fra WCAG 2. Mål hvert par du planlegger å bruke; tabellen viser hvilke du bør teste, ikke resultater.

Hvis et par ikke består, still assistenten et smalt oppfølgingsspørsmål: «Gjør den mørke tekstfargen mørkere til den når 4,5:1 på den myke flaten, og behold fargetonen.» Mål så igjen. [Fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility) forklarer forholdstallene, og [fargeblindhet i design](https://gradiently.design/nb/guide/color-blindness-design) dekker par som består kontrastkravet, men fortsatt forvirrer noen lesere, som rødt og grønt med lik lyshet.

> **Gradienter kompliserer kontrasten** På en gradient eller et foto endres bakgrunnen bak teksten fra bokstav til bokstav. Sjekk det lyseste punktet bak lys tekst og det mørkeste punktet bak mørk tekst, ikke gjennomsnittet.

## Oppfølgingsinstruksjoner som forbedrer en palett

- «Gi meg en lys versjon av denne paletten som beholder samme karakter, med de samme rollene.»
- «Hvilken farge her ligger nærmest det konkurrentene mine bruker? Bytt den ut med noe som skiller seg ut.»
- «Skriv hver farge i `oklch()` i tillegg til hex, og hold jevne lyshetstrinn mellom de grønne.»
- «Foreslå en fordeling på 60, 30, 10 for et innlegg i sosiale medier med denne paletten.»
- «Skriv egendefinerte CSS-egenskaper for disse fargene, navngitt etter rolle, ikke fargetone.»

Den siste er nyttig hvis du bygger for nettet: navngivning etter rolle (`--ground`, `--text-deep`) lar deg bytte paletten senere uten å røre hver regel. [60 30 10-regelen](https://gradiently.design/nb/guide/60-30-10-rule) forklarer fordelingen, og [OKLCH forklart](https://gradiently.design/nb/guide/oklch-explained) viser hvorfor jevne lyshetstrinn gir renere overganger.

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

Blomsterbutikkens palett som CSS-variabler navngitt etter rolle.

## Test paletten på ekte design

En palett beviser seg i en travel feed, ikke i en chat. Lag tre ekte arbeider med den: en kunngjøring, et sitat og et salgsinnlegg, i størrelsene du faktisk publiserer i. Begynner aksenten å dukke opp overalt, er den ikke lenger en aksent.

Et stående Instagram-innlegg for en blomsterbutikk som annonserer vårens stilker, med blek tekst på en dyp grønn bakgrunn

Et første testinnlegg: mørk bakgrunn, blek tekst, én fargetone.

I Gradiently ligger palettene i merkevaresettet, og en Mark holder ordene lesbare av seg selv: det roligste området flytter seg bak teksten, og Auto-tekstfarge velger lys eller mørk tekst per linje fra Markens egne farger, så ordene forblir lesbare i alle størrelser. [Fargepalettgenerator](https://gradiently.design/nb/guide/color-palette-generator) dekker veier til en palett uten AI hvis du heller vil starte for hånd.

## FAQ

### Kan ChatGPT lage en fargepalett?

Ja. Be om farger med roller, navn og hex-koder, og beskriv et ekte sted eller materiale som inspirasjon. Sjekk kontrasten selv, fordi assistenter kan oppgi forholdstall de aldri har regnet ut.

### Hva er den beste instruksjonen til en AI-fargepalettgenerator?

Oppgi bedriften, målgruppen, tre stemningsord, en ekte inspirasjonskilde og farger du vil unngå, og be så om seks farger som en tabell med rolle, navn og hex.

### Hvordan sjekker jeg om en palett er tilgjengelig?

Test hvert par av tekst og bakgrunn i en kontrastsjekker. WCAG AA krever 4,5:1 for brødtekst og 3:1 for stor tekst og grensesnittelementer.

### Hvor mange farger bør en merkevarepalett ha?

Fem til sju dekker de fleste merkevarer: en bakgrunn, én eller to tekstfarger, en hovedfarge, en aksent som brukes sparsomt og en myk flate.