Hoppa till innehåll
patrache.tools

Färgväljare

Välj, omvandla och kopiera färger i formaten HEX, RGB, HSL, OKLCH. Spara paletter. Gratis.

HEX#2563EB
RGB
HSL
OKLCH
R
G
B
Palett
lockFiler skickas inte till någon server
Dela
Bädda in

Bädda in det här verktyget på din webbplats

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?

  1. Välj önskad färg från färgväljaren.
  2. Kopiera värdena för HEX, RGB eller HSL.
  3. 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.

Powered by Patrache Studio Tools

Tillåt annonser på den här webbplatsen

Tillåt annonser på den här webbplatsen för att använda verktygen. Annonser håller tjänsten gratis.

Öppna annonsblockeraren, stäng av den för den här webbplatsen och kontrollera igen.