Fargepalett-generator

Hva er en fargepalettgenerator?

En fargepalettgenerator lager harmoniske fargekombinasjoner basert på fargeteori. Den tar en basisfarge og genererer komplementære, analoge, triadiske, splittkomplementære og monokromatiske paletter. Disse teoretisk begrunnede fargekombinasjonene ser naturlig tiltalende ut fordi de følger forholdet mellom farger på fargehjulet.

Fargeteori er grunnlaget for visuelt design. Komplementærfarger (motsatte på fargehjulet, som blå og oransje) skaper kontrast og energi. Analoge farger (ved siden av hverandre, som blå, blågrønn og grønn) gir harmoni og ro. En godt valgt fargepalett forbedrer brukeropplevelse, merkevaregjenkjenning og visuell appell.

Slik bruker du dette verktøyet

Velg en basisfarge med fargevelgeren eller skriv inn en HEX-kode. Verktøyet genererer paletter basert på forskjellige fargeteorimodeller. Klikk på individuelle farger for å kopiere HEX-, RGB- eller HSL-verdier. Eksporter hele paletten for bruk i designverktøy.

Typer fargeharmoni

• Komplementær — to farger motsatt på fargehjulet. Høy kontrast, energisk. Eksempel: blå og oransje.
• Analog — tre farger ved siden av hverandre på hjulet. Rolig, sammenhengende. Eksempel: blå, blågrønn, grønn.
• Triadisk — tre farger jevnt fordelt (120 grader fra hverandre). Balansert, livlig. Eksempel: rød, gul, blå.
• Splittet komplementær — en basisfarge pluss to farger ved siden av dens komplement. Kontrast med mindre spenning enn komplementær.

Farge og tilgjengelighet

Når du designer digitale grensesnitt, sørg for tilstrekkelig kontrast mellom tekst og bakgrunn (WCAG krever minimum 4,5:1 forhold for normal tekst). Unngå å formidle informasjon gjennom farge alene — ca. 8 % av menn har en form for fargesynssvikt. Test paletten din med en fargeblindhetssimulator. Dette verktøyet kan vise kontrastforhold mellom genererte farger.

Ofte stilte spørsmål

Hvor mange farger bør en nettside ha?

60-30-10-regelen er en god retningslinje: 60 % primærfarge (bakgrunn), 30 % sekundærfarge (seksjoner, kort), 10 % aksentfarge (knapper, lenker). De fleste veldesignede nettsteder bruker 3–5 farger pluss nøytrale (svart, hvit, grå). For mange farger ser rotete ut og svekker merkevareidentiteten.

Hvordan sikrer jeg at fargene mine er tilgjengelige?

WCAG 2.1 krever et kontrastforhold på minst 4,5:1 for vanlig tekst og 3:1 for stor tekst mellom forgrunn og bakgrunn. Bruk kontrastkontrollverktøy for å verifisere. Unngå å formidle informasjon kun med farge (ca. 8 % av menn har fargeblindhet). Designet bør fungere i gråtoner. Test paletten din med simuleringsverktøy for fargeblindhet.