Färgväljare och paletutdragare – välj färger från bild

Ladda upp valfri JPG, PNG, WebP eller GIF och klicka var som helst på den visade bilden – den exakta pixeln under din markör samplas och visas som HEX, RGB och HSL med kopiering i ett klick för varje format. Perfekt för att matcha en varumärkesfärg, plocka ett färgprov från ett foto eller fånga accenttoner från en designskiss.

Bilden nedsamplas till 320 pixlar på sin längsta sida, sedan grupperas varje pixel efter sina översta 4 bitar per kanal. De mest fyllda grupperna medelvärdesberäknas tillbaka till full 8-bitarsfärg, sorteras efter frekvens och returneras som din palett. Resultatet är vanligtvis 5–24 dominerande färger som visuellt sammanfattar bilden.

Ja. Nedladdningsknapparna producerar två format: ett CSS-variabelblock redo att klistra in i en :root-selektor (--color-1, --color-2…), och en JSON-fil med hex, RGB-komponenter och viktprocent för varje färg. Båda formaten integreras smidigt i designtokens, Tailwind-konfigurationer och palettbibliotek.

Nej – färgplockning och palettutvinning sker helt i din webbläsare med HTML canvas-API:et. Bilden stannar på din enhet, vilket gör verktyget säkert för opublicerade produktbilder, utkast till mockuper och varumärkesmaterial under sekretessavtal.

För arbete med varumärkesidentitet är 5–8 färger den optimala mängden — det fångar det dominerande temat utan att späda ut accentvalen. För datavisualisering rekommenderar vi 10–16 färger så att du har tillräckligt med kategoriska nyanser. Med reglaget väljer du mellan 5 och 24.

Pixlar med alfa under 128 ignoreras, så transparenta bakgrunder förorenar inte paletten med "bakgrundsfärger". Det gör bildfärgväljaren särskilt bra för produktutklipp, klistermärkeskonst och isolerade motiv.

HEX (#RRGGBB) är det mest kompakta och är vad CSS, Figma och Sketch använder som standard. RGB visar de tre komponentvärdena från 0–255 – användbart när du arbetar med bilddata programmatiskt. HSL (nyans, mättnad, ljushet) är intuitivt för att justera färger: ändra nyansen för att byta färgfamilj, justera ljusheten för toningar och skuggningar.

Ja. Gratis, inget konto krävs, inga gränser för bildstorlek eller antal extraherade paletter. Det finns inget att installera — hela verktyget är en enda webbsida.