Fargegenerator

Hva er en fargegenerator?

En fargegenerator lager tilfeldige farger og viser fargekodene, slik at du kan bruke dem med en gang. Den gir inspirasjon til design av nettsider, logoer, presentasjoner, rom eller kunstverk når du ikke vet hvor du skal begynne. Lag én farge eller en hel palett, ta vare på favorittene og generer nye.

Slik bruker du den

1. Farger: velg én farge, en palett med 5 farger eller 10 farger.
2. Stil: velg hva slags farger du vil ha (se under).
3. Klikk på Lag farger. Under hver farge vises HEX-, RGB- og HSL-koden.
4. Klikk på Kopier under en fargerute for å kopiere HEX-koden, klar til å limes inn i CSS, Figma, Canva, PowerPoint eller en annen designapp.

Fullskjerm: klikk på Fullskjerm øverst i verktøyet for å vise paletten stort, nyttig når du presenterer fargeideer for en kunde eller en klasse. Trykk Esc for å gå tilbake. Under 🎨 Farger og effekter kan du velge egne farger på bakgrunn og knapper.

De fire stilene

• Harmonisk: Tilfeldige fargetoner med middels til høy metning og middels lyshet. Fargene ser som regel bra ut sammen, og dette er et godt sted å begynne.
• Pastell: myke, lyse farger, fine til bakgrunner, baby- og bryllupsdesign og rolige grensesnitt.
• Mørk: dype, dempede toner, nyttige til bakgrunner i mørk modus, toppfelt og stemningsfulle design.
• Helt tilfeldig: Velger med lik sannsynlighet blant alle 16 777 216 RGB-farger. Resultatet er helt tilfeldig, så du kan få mange brune, grå og dempede nyanser – og av og til en skikkelig perle.

HEX, RGB og HSL forklart

• HEX (for eksempel #4F46E5) er den vanligste måten å skrive en farge på nettet. De tre tegnparene er mengden rødt, grønt og blått, hver fra 00 til FF.
• RGB (for eksempel rgb(79, 70, 229)) gir de samme mengdene rødt, grønt og blått som tall fra 0 til 255.
• HSL (for eksempel hsl(243, 75%, 59%)) beskriver fargen med fargetone (plassering på fargesirkelen, 0–360°), metning (hvor kraftig fargen er) og lyshet (hvor lys eller mørk den er). Dette formatet er enkelt å justere manuelt, for eksempel for å lage en lysere variant til en hover-effekt.

Når passer tilfeldige farger?

• Nett- og appdesign: Finn en aksentfarge eller en startpalett og finjuster den.
• Kunst og illustrasjon: Utfordre deg selv til å male eller tegne med bare den tilfeldige paletten.
• Merkevare og presentasjoner: Utforsk ulike fargekombinasjoner før du bestemmer deg for merkevarens farger.
• Spill og skole: Gi lagene tilfeldige farger, eller lek «hva heter denne fargen?».
• Hjem og håndarbeid: Få ideer til strikking, lappeteknikk eller fargekombinasjoner i et rom.

Tips for å bruke en palett

• Mange designere bruker 60-30-10-regelen: én hovedfarge for omtrent 60 % av designet, en andre farge for 30 % og en aksentfarge for de siste 10 %.
• Sjekk alltid kontrasten i teksten. Mørk tekst på pastellfarger og hvit tekst på mørke farger er som regel lett å lese.
• Kopier fargene du liker før du klikker på «Lag farger» igjen, fordi en ny palett erstatter alle.

Trenger du en tilfeldig bokstav eller et tilfeldig tall? Prøv bokstavgeneratoren eller tallgeneratoren.