Farvegenerator

Hvad er en farvegenerator?

Farvegeneratoren laver tilfældige farver og viser deres koder, så du kan bruge dem med det samme. Den giver hurtig inspiration, når du designer en hjemmeside, et logo, en præsentation, et rum eller et kunstværk og mangler et sted at begynde. Generér én farve eller en hel palet, gem koderne på dine favoritter, og prøv igen.

Sådan bruger du den

1. Antal farver: Vælg én farve, en palet med fem farver eller ti farver.
2. Stil: Vælg den type farver, du ønsker (se nedenfor).
3. Klik på Generér farver. Hvert farvefelt viser farvens HEX-, RGB- og HSL-kode.
4. Klik på Kopiér under et farvefelt for at kopiere HEX-koden. Du kan derefter indsætte den i CSS, Figma, Canva, PowerPoint eller et andet designværktøj.

Fuld skærm: Klik på Fuld skærm øverst i værktøjet for at vise paletten stort på skærmen. Det er nyttigt, når du præsenterer farveidéer for en kunde eller en klasse. Tryk på Esc eller Afslut fuld skærm for at vende tilbage. Under 🎨 Farver og effekter kan du tilpasse baggrund og knapper.

De fire stilarter

• Harmonisk: Tilfældige farvetoner med middel til høj mætning og middel lyshed. Farverne ser som regel godt ud sammen og er et godt sted at starte.
• Pastel: Bløde, lyse farver, der egner sig til baggrunde, baby- og bryllupsdesign samt rolige brugerflader.
• Mørk: Dybe, afdæmpede farver, der passer til baggrunde i mørk tilstand, sidehoveder og stemningsfulde designs.
• Vilkårlig farve: Vælger tilfældigt blandt alle 16.777.216 mulige RGB-farver, alle med samme sandsynlighed. Derfor kan du få mange brune, grå og afdæmpede nuancer – men også indimellem en virkelig flot farve.

HEX, RGB og HSL forklaret

• HEX (f.eks. #4F46E5) er en almindelig måde at angive farver på nettet. De tre tegnpar angiver mængden af rød, grøn og blå, hvert i intervallet 00 til FF.
• RGB (f.eks. rgb(79, 70, 229)) angiver de samme røde, grønne og blå komponenter som tal fra 0 til 255.
• HSL (f.eks. hsl(243, 75%, 59%)) beskriver farven med tre egenskaber: farvetone (placeringen på farvecirklen, 0–360°), mætning (hvor kraftig farven er) og lyshed (hvor lys eller mørk den er). HSL er praktisk, når du vil justere en farve manuelt, f.eks. lave en lysere variant til en hover-effekt.

Hvornår er tilfældige farver nyttige?

• Web- og appdesign: Find en accentfarve eller en startpalet, og finjustér den efter behov.
• Kunst og illustration: Udfordr dig selv ved kun at male eller tegne med farverne i den genererede palet.
• Branding og præsentationer: Afprøv forskellige farveretninger, før du fastlægger brandets farver.
• Spil og undervisning: Tildel holdene tilfældige farver, eller leg »Hvilken farve er det?«
• Hjem og håndarbejde: Find idéer til strik, patchwork eller farvekombinationer til et rum.

Tips til at bruge en palet

• Mange designere bruger 60-30-10-reglen: en hovedfarve til ca. 60 % af designet, en sekundær farve til 30 % og en accentfarve til de sidste 10 %.
• Kontrollér altid tekstens kontrast. Mørk tekst på lys baggrund og hvid tekst på mørk baggrund er som regel lette at læse.
• Kopiér koderne til de farver, du kan lide, før du klikker på »Generér farver« igen, for en ny palet erstatter de nuværende farver.

Har du brug for et tilfældigt bogstav eller tal? Prøv bogstavgeneratoren eller talgeneratoren.