Färgväljaren låter dig välja, omvandla och kopiera färger i 4 format: HEX, RGB, HSL, OKLCH. Inkluderar sparande av paletter.
Hur använder man Färgväljare?
Välj önskad färg från färgväljaren.
Kopiera värdena för HEX, RGB eller HSL.
Lägg till färger i paletten som referens.
Vanliga frågor om Färgväljare
Kan jag ange en färgkod direkt?
Ja, du kan skriva in en HEX-kod direkt för att välja en exakt färg.
Vad skiljer HEX, RGB och HSL, och när använder jag vilket?
Alla tre skriver samma färg med olika notation. HEX som #FF5733 är kort och följer smidigt med mellan designfil och CSS; RGB visar kanalerna rött, grönt och blått direkt, vilket passar färgberäkningar i kod. HSL delar upp färgen i nyans, mättnad och ljushet och är därför enklast när du vill ha en variant som bara är mörkare eller blekare.
Varför ser färgen jag valde på skärmen annorlunda ut i tryck?
Skärmen bygger färg genom att addera ljus (RGB) medan tryck drar bort ljus med lager av färg (CMYK), och omfången skiljer sig åt. Nästan självlysande gröna, orange och cyantoner saknar motsvarighet i tryckfärg och blir märkbart matta. Ska arbetet tryckas bör du undvika mycket mättade färger och lämna CMYK-värden eller ett Pantone-nummer till tryckeriet i stället för en HEX-kod.
Kan jag plocka en färg med pipetten var som helst på skärmen?
I Chromium-baserade skrivbordswebbläsare som Chrome och Edge kan den inbyggda EyeDropper hämta färg från vilket fönster som helst, inte bara från sidan. Safari, Firefox och mobila webbläsare stöder det ännu inte, så där visas ingen pipettknapp. Ta i så fall en skärmbild, ladda upp den som bild och plocka färgen därifrån.
Tips för att använda Färgväljare effektivt
Ange HEX-koder direkt för att snabbt hitta exakta färger som matchar dina varumärkesriktlinjer.
HSL-läget gör det enkelt att hitta analoga eller komplementära färger genom att justera Hue-värdet.
Spara färger i paletten för att behålla konsekvens genom hela ditt projekt.