Fargevelger og palettuttrekker – Velg farger fra bilde

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

Slipp et bilde for å hente ut paletten

Om Color Picker

Kvantiserer bildet ditt til det ønskede antallet dominerende farger ved hjelp av 4-bits-per-kanal-bøtte, og sorterer deretter etter frekvens. Kjører helt i nettleseren din — bildet ditt forlater aldri enheten din.

Frequently Asked Questions

Last opp en hvilken som helst JPG, PNG, WebP eller GIF og klikk hvor som helst på det viste bildet — den eksakte pikselen under markøren din blir samplet og vist som HEX, RGB og HSL med ett-klikk-kopi for hvert format. Perfekt for å matche en merkefarge, ta en prøve fra et fotografi, eller hente aksenttoner fra en designmodell.

usage

Bildet nedskaleres til 320 piksler på den lengste siden, deretter blir hver piksel bøtter med sine øverste 4 biter per kanal. De mest befolkede bøttene gjennomsnittes tilbake til full 8-bits farge, sortert 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 formatene integreres ryddig i designtokens, Tailwind-konfigurasjoner og palettbiblioteker.

features

Nei — fargevalg og palettuttrekking skjer helt i nettleseren din ved hjelp av HTML canvas API. Bildet blir værende på enheten din, noe som gjør verktøyet trygt for upubliserte produktbilder, utkast til mockups og merkevareeiendeler under NDA.

privacy

For merkevareidentitet er 5-8 farger det perfekte stedet — det fanger det dominerende temaet uten å vanne ut aksentvalg. For datavisualisering anbefaler vi 10-16 farger slik at du har nok kategoriske nyanser. Skyveknappen lar deg velge mellom 5 og 24.

tips

Piksler med alfa under 128 ignoreres, slik at transparente bakgrunner ikke forurenser paletten med "bakgrunns"-farger. Dette gjør Image Color Picker spesielt egnet for produktutskjæringer, klistremerkekunst og isolerte motiver.

technical

HEX (#RRGGBB) er den mest kompakte og er det CSS, Figma og Sketch bruker som standard. RGB viser de tre komponentverdiene fra 0-255 — nyttig når man jobber med bildedata programmatisk. HSL (nyanse, metning, lyshet) er intuitivt for å justere farger: skift fargetone for å endre fargefamilien, juster lysstyrken for nyanser og toner.

technical

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

pricing

Use Cases

Merkevareidentitetsrevisjon

Hent ut nøyaktige HEX-verdier fra en eksisterende logo eller markedsføringsressurs for å mate inn i stilguiden din. Match konkurrentens merkefarger for en posisjoneringskortstokk eller pitch.

design

Webdesign Palettbygging

Hent ut dominerende farger fra et fotografi eller moodboard, eksporter som CSS-variabler, og legg dem inn i stilarket ditt. 5-8 fargers sweet spot dekker primær, aksent og nøytrale farger for et fullstendig designsystemfrø.

design

Produktlister for netthandel

Match bakgrunnsfargene på produktfotoet til butikktemaet ditt. Velg den dominerende aksentfargen fra et bilde av en joggesko eller kjole og bruk den som oppføringens høydepunkt.

ecommerce

Interiør og moteinspirasjon

Fotografer et rom eller antrekk du liker og trekk ut paletten. Bruk den til å velge maling, stoffer eller tilbehør som utfyller det eksisterende oppsettet – og gjør visuell inspirasjon om til praktiske prøver.

lifestyle

Datavisualiseringsordninger

Generer en kategorisk palett med 10–16 farger basert på et bilde du ønsker å fremkalle (f.eks. et akvarellmaleri for et mykt diagram, en solnedgang for varme til kjølige gradienter). Bedre enn å velge generiske nyanser.

data

Spill- og UI-ressursarbeidsflyter

Hent ut den indekserte fargepaletten fra spritekunst eller UI-mockups for å mate inn i et pixelkunstverktøy eller spillmotor. Palett-JSON-eksporten integreres med Aseprite, Photoshop og de fleste asset-pipelines.

gamedev