Färgplockare och palettutvinningsmaskin – Välj färger från bilden

Ladda upp vilken JPG, PNG, WebP eller GIF som helst 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 en klickskopia för varje format. Perfekt för att matcha en varumärkesfärg, prova en provlapp från ett fotografi eller plocka accenttoner från en designmockup.

Bilden nedsamplas till 320 pixlar på sin längsta sida, sedan skörplas varje pixel med sina översta 4 bitar per kanal. De mest befolkade hinkarna medelvärdes tillbaka till full 8-bitars färg, sorteras efter frekvens och återlämnas 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 klistras in i en :root-väljare (--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ärgval och palettextraktion sker helt och hållet i din webbläsare med HTML canvas API. Bilden stannar kvar på din enhet, vilket gör verktyget säkert för osläppta produktbilder, utkast till mockups och varumärkestillgångar under NDA.

För varumärkesidentitet är 5–8 färger den perfekta balansen – 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. Reglaget låter dig välja mellan 5 och 24.

Pixlar med alfa under 128 ignoreras, så transparenta bakgrunder förorenar inte paletten med "bakgrundsfärger". Detta gör Image Color Picker särskilt bra för produktutskärningar, klistermärkeskonst och isolerade motiv.

HEX (#RRGGBB) är den mest kompakta och är vad CSS, Figma och Sketch använder som standard. RGB visar de tre komponentvärdena från 0 till 255 — användbart när man arbetar med bilddata programmatiskt. HSL (nyans, mättnad, ljushet) är intuitivt för att justera färger: skifta nyans för att ändra färgfamiljen, justera ljusheten för nyanser och nyanser.

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