Vilka färgformat får jag?

Varje färg visas som HEX-kod (till exempel #4F46E5), RGB-värde och HSL-värde, redo att kopiera in i CSS, Figma eller vilket designverktyg som helst.

Vad är skillnaden mellan ”Harmonisk” och ”Vilken färg som helst”?

”Vilken färg som helst” väljer bland alla 16,7 miljoner RGB-färger med samma chans, vilket ofta ger grumliga toner. ”Harmonisk” håller mättnad och ljushet inom ett område där färgerna brukar se bra ut tillsammans.

Kan jag behålla en färg jag gillar?

Klicka på färgens Kopiera-knapp för att kopiera HEX-koden. En ny palett ersätter alla färger, så kopiera dem du vill ha först.

Kan jag visa paletten i helskärm?

Ja. Klicka på ”Helskärm” överst i verktyget så fyller färgrutorna skärmen, praktiskt när du presenterar idéer. Tryck på Esc eller ”Avsluta helskärm” för att gå tillbaka.

Slumpa färg – färgpalett med HEX-, RGB- och HSL-koder

Vad är en färggenerator?

En färggenerator skapar färger slumpmässigt och visar deras koder så att du kan använda dem direkt. Den är en snabb inspirationskälla när du formger en webbplats, en logotyp, en presentation, ett rum eller ett konstverk och inte vet var du ska börja. Slumpa en färg eller en hel palett, behåll dem du gillar och slumpa igen.

Så använder du den

Färger: välj en enda färg, en palett med 5 färger eller 10 färger.
Stil: välj vilken sorts färger du vill ha (se nedan).
Klicka på Slumpa. Varje färgruta visar sina HEX-, RGB- och HSL-koder.
Klicka på Kopiera under en färgruta för att kopiera HEX-koden, redo att klistra in i CSS, Figma, Canva, PowerPoint eller valfri designapp.

Helskärm: klicka på Helskärm överst i verktyget för att visa paletten stort, praktiskt när du presenterar färgidéer för en kund eller en klass. Tryck på Esc för att gå tillbaka. Under 🎨 Färger och effekter kan du välja egna färger för bakgrund och knappar.

De fyra stilarna

Harmonisk: slumpmässigt valda färger med medelhög till hög mättnad och medelhög ljushet. De brukar se bra ut och passa ihop – en bra utgångspunkt.
Pastell: mjuka, ljusa färger, bra för bakgrunder, bebis- och bröllopsdesign och lugna gränssnitt.
Mörk: djupa, dämpade toner, användbara för bakgrunder i mörkt läge, sidhuvuden och stämningsfull design.
Vilken färg som helst: väljer en av alla 16 777 216 RGB-färger med samma chans. Den är verkligt slumpmässig, så räkna med många bruna, grå och grumliga toner, och en och annan pärla.

HEX, RGB och HSL förklarat

HEX (till exempel #4F46E5) är det vanligaste sättet att skriva en färg på webben. De tre teckenparen är mängden rött, grönt och blått, var och en från 00 till FF.
RGB (till exempel rgb(79, 70, 229)) anger samma mängder rött, grönt och blått som tal från 0 till 255.
HSL (till exempel hsl(243, 75%, 59%)) beskriver en färg som människor tänker på den: kulör (var den ligger i färgcirkeln, 0–360°), mättnad (hur stark den är) och ljushet (hur ljus eller mörk den är). Det är det enklaste formatet för att justera en färg för hand, till exempel för att göra en ljusare variant till en hovringseffekt.

När passar slumpade färger?

Webb- och appdesign: Hitta en accentfärg eller en startpalett och finjustera den sedan.
Konst och illustration: Utmana dig själv att måla eller teckna med bara den slumpade paletten.
Varumärken och presentationer: Utforska färgriktningar snabbt innan du bestämmer varumärkets färger.
Spel och skolan: Tilldela lagfärger slumpmässigt eller lek ”vad heter den här färgen?”.
Hem och hantverk: Få idéer till stickning, lapptäcken eller färgkombinationer i ett rum.

Tips för att använda en palett

Många formgivare följer 60-30-10-regeln: en huvudfärg för ungefär 60 % av designen, en andra färg för 30 % och en accentfärg för de sista 10 %.
Kontrollera alltid textens kontrast. Mörk text på pastellfärger och vit text på mörka färger brukar vara lätt att läsa.
Kopiera färgerna du gillar innan du klickar på ”Slumpa” igen, eftersom en ny palett ersätter alla.

Behöver du en slumpad bokstav eller ett slumptal? Prova att slumpa en bokstav eller slumptalsgeneratorn.

Slumpa färg