Farvevælger & Paletteekstraktor - Vælg farver fra billedet

Upload et hvilket som helst billede, klik for at vælge en pixelfarve (HEX / RGB / HSL) eller automatisk udtræk den dominerende palet. Download som JSON- eller CSS-variabler.

Drop et billede for at udtrække dets palet

Om Color Picker

Kvantiserer dit billede til det ønskede antal dominerende farver ved hjælp af 4-bit per kanal-bucketing og sorterer derefter efter frekvens. Kører udelukkende i din browser — dit billede forlader aldrig din enhed.

Frequently Asked Questions

Upload en hvilken som helst JPG, PNG, WebP eller GIF og klik hvor som helst på det viste billede — den præcise pixel under din markør bliver samplet og vist som HEX, RGB og HSL med ét-klik kopi for hvert format. Perfekt til at matche en brandfarve, tage en prøve fra et fotografi eller tage accenttoner fra en designmodel.

usage

Billedet nedsamples til 320 pixels på sin længste side, hvorefter hver pixel bliver sprængt med sine øverste 4 bit pr. kanal. De mest befolkede buckets gennemsnittet tilbage til fuld 8-bit farve, sorteret efter frekvens, og returneres som din palet. Resultatet er typisk 5-24 dominerende farver, der visuelt opsummerer billedet.

technical

Ja. Download-knapperne producerer to formater: en CSS-variabelblok, der er klar til at indsættes i en :root-vælger (--farve-1, --farve-2...), og en JSON-fil med hex-, RGB-komponenter og vægtprocent for hver farve. Begge formater integreres rent i designtokens, Tailwind-konfigurationer og palettebiblioteker.

features

Nej — farvevalg og paletteudtrækning foregår udelukkende i din browser via HTML canvas API'en. Billedet forbliver på din enhed, hvilket gør værktøjet sikkert til uudgivne produktfotos, udkast til mockups og brandaktiver under NDA.

privacy

Til brandidentitetsarbejde er 5-8 farver det perfekte sted — det fanger det dominerende tema uden at fortynde accentvalg. Til datavisualisering anbefaler vi 10-16 farver, så du har nok kategoriske nuancer. Skyderen lader dig vælge mellem 5 og 24.

tips

Pixels med alpha under 128 ignoreres, så transparente baggrunde ikke forurener paletten med "baggrunds"-farver. Det gør Image Color Picker særligt velegnet til produktudskæringer, klistermærkekunst og isolerede motiver.

technical

HEX (#RRGGBB) er den mest kompakte og er det, CSS, Figma og Sketch bruger som standard. RGB viser de tre komponentværdier fra 0-255 — nyttigt, når man arbejder med billeddata programmatisk. HSL (nuance, mætning, lyshed) er intuitivt til at justere farver: skift nuance for at ændre farvefamilien, juster lysstyrken for nuancer og nuancer.

technical

Ja. Gratis, ingen konto påkrævet, ingen begrænsninger på billedstørrelse eller antal udttrakte paletter. Der er intet at installere — hele værktøjet er en enkelt webside.

pricing

Use Cases

Brand Identity Audit

Træk de præcise HEX-værdier ud af et eksisterende logo eller markedsføringsaktiv for at indarbejde i din stilguide. Match konkurrenternes mærkefarver for et positioneringsdæk eller pitch.

design

Webdesign Paletteopbygning

Udtræk dominerende farver fra et fotografi eller moodboard, eksporter som CSS-variabler, og læg dem ind i dit stylesheet. 5-8 farver sweet spot dækker primær, accent og neutrale farver for et fuldt design system seed.

design

E-handelsproduktlister

Match baggrundsfarver på produktfotoet til dit butikstema. Vælg den dominerende accentfarve fra et sneaker- eller kjolefoto og brug den som annoncens fremhævelse.

ecommerce

Interiør og modeinspiration

Tag et billede af et rum eller outfit, du kan lide, og udtræk paletten. Brug den til at vælge maling, stoffer eller tilbehør, der komplementerer det eksisterende skema — og forvandler visuel inspiration til brugbare prøver.

lifestyle

Datavisualiseringsskemaer

Generer en kategorisk palet med 10-16 farver, afledt af et billede, du ønsker at fremkalde (f.eks. et akvarelmaleri til et blødt diagram, en solnedgang til varme til kølige gradienter). Bedre end at vælge generiske nuancer.

data

Spil- og UI-aktiv-arbejdsgange

Udtræk den indekserede farvepalette fra sprite-art eller UI-mockups for at fodre den ind i et pixel-art-værktøj eller spilmotor. Palet-JSON-eksporten integreres med Aseprite, Photoshop og de fleste asset-pipelines.

gamedev