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.
Fortsett å forbedre bildene dine
Ta bilderedigeringen til neste nivå med disse populære verktøyene
Legg til tekst i bildet
Legg til bildetekster og titler i det forbedrede bildet ditt
Legg til bildekantlinje
Ram inn effekten din med vakre kanter
Komprimer bilde
Optimaliser det forbedrede bildet ditt for deling
Endre størrelse på bilde
Endre bildedimensjoner
Foto til tegneserie
Prøv en annen kunstnerisk stil
Blyant skisse
Lag kunstneriske blyanttegninger
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.
usageBildet 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.
technicalJa. 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.
featuresNei — 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.
privacyFor 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.
tipsPiksler 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.
technicalHEX (#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.
technicalJa. 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.
pricingUse 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.
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ø.
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.
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.
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.
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.
Pixoate