Fargevelger og palettuttrekker – velg farger fra bilde

Last opp et hvilket som helst bilde, klikk for å plukke en pikselfarge (HEX / RGB / HSL) eller hent ut den dominerende paletten automatisk. Last ned som JSON eller CSS-variabler.

Slipp et bilde for å trekke ut fargepaletten

PNG, JPG, WEBP, GIF

Filer slettes automatisk etter behandlingIngen vannmerkerGratis å bruke – ingen registrering nødvendig

Frequently Asked Questions

Last opp en hvilken som helst JPG, PNG, WebP eller GIF og klikk hvor som helst på bildet som vises – den nøyaktige pikselen under markøren plukkes opp og vises som HEX, RGB og HSL med ett-klikks kopiering for hvert format. Perfekt for å treffe en merkefarge, plukke en fargeprøve fra et fotografi eller hente aksenttoner fra en designskisse.

usage

Bildet nedskaleres til 320 piksler på den lengste siden, og deretter sorteres hver piksel i grupper basert på de øverste 4 bitene per kanal. De mest folkerike gruppene snittes tilbake til full 8-bits farge, sorteres etter frekvens og returneres som paletten din. Resultatet er vanligvis 5–24 dominerende farger som visuelt oppsummerer bildet.

technical

Ja. Nedlastingsknappene produserer to formater: en CSS-variabelblokk klar til å limes inn i en :root-velger (--color-1, --color-2…), og en JSON-fil med hex, RGB-komponenter og vektprosent for hver farge. Begge formater integreres rent i designtokens, Tailwind-konfigurasjoner og palettbiblioteker.

features

Nei – fargevalg og uthenting av paletter skjer fullstendig i nettleseren din med HTML canvas-API-et. Bildet blir værende på enheten din, noe som gjør verktøyet trygt for upubliserte produktbilder, utkast til mockuper og merkevaremateriell under taushetserklæring.

privacy

For arbeid med merkevareidentitet er 5–8 farger det optimale – det fanger det dominerende temaet uten å vanne ut aksentvalgene. For datavisualisering anbefaler vi 10–16 farger, så du har nok kategoriske nyanser. Med glidebryteren kan du velge mellom 5 og 24.

tips

Piksler med alfa under 128 ignoreres, slik at gjennomsiktige bakgrunner ikke forurenser paletten med «bakgrunnsfarger». Det gjør bildefargevelgeren spesielt godt egnet for produktutklipp, klistremerkemotiver og isolerte motiver.

technical

HEX (#RRGGBB) er mest kompakt og er det CSS, Figma og Sketch bruker som standard. RGB viser de tre komponentverdiene fra 0–255 – nyttig når du jobber med bildedata programmatisk. HSL (kulør, metning, lyshet) er intuitivt for å justere farger: endre kulør for å skifte fargefamilie, juster lyshet for lysere og mørkere toner.

technical

Ja. Gratis, ingen konto kreves, ingen grenser for bildestørrelse eller antall paletter som hentes ut. Det er ingenting å installere – hele verktøyet er én enkelt nettside.

pricing

How Color Picker helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Creators

Revisjon av merkevareidentitet

Hent ut de eksakte HEX-verdiene fra en eksisterende logo eller markedsføringsressurs til stilguiden din. Match konkurrenters merkevarefarger til en posisjoneringspresentasjon eller pitch.

For Creators

Bygging av fargepaletter for webdesign

Hent ut de dominerende fargene fra et fotografi eller en stemningstavle, eksporter dem som CSS-variabler og legg dem inn i stilarket ditt. Det ideelle antallet på 5–8 farger dekker primær-, aksent- og nøytrale farger som et fullstendig utgangspunkt for et designsystem.

For E-commerce

Produktoppføringer for netthandel

Tilpass bakgrunnsfargene i produktbilder til butikktemaet ditt. Hent den dominerende aksentfargen fra et bilde av en sneaker eller kjole og bruk den som annonsens uthevingsfarge.

Personal Use

Interiør- og moteinspirasjon

Ta bilde av et rom eller et antrekk du liker, og hent ut fargepaletten. Bruk den til å velge maling, tekstiler eller tilbehør som utfyller det eksisterende fargevalget – og gjør visuell inspirasjon om til konkrete fargeprøver.

For Developers

Fargeoppsett for datavisualisering

Generer en kategorisk palett på 10–16 farger hentet fra et bilde du vil la inspirere deg (f.eks. et akvarellmaleri for et mykt diagram, en solnedgang for varme-til-kalde fargeoverganger). Bedre enn å velge generiske fargetoner.

For Creators

Arbeidsflyter for spill- og UI-ressurser

Hent ut den indekserte fargepaletten fra sprite-grafikk eller UI-mockuper for å mate den inn i et pikselkunstverktøy eller en spillmotor. JSON-eksporten av paletten kan integreres med Aseprite, Photoshop og de fleste arbeidsflyter for ressurser.