Farvevælger og paletudtrækker – vælg farver fra billede

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

Slip et billede for at udtrække dets palet

PNG, JPG, WEBP, GIF

Filer slettes automatisk efter behandlingIngen vandmærkerGratis at bruge — ingen tilmelding påkrævet

Frequently Asked Questions

Upload en hvilken som helst JPG, PNG, WebP eller GIF og klik et vilkårligt sted på det viste billede — den nøjagtige pixel under din markør aflæses og vises som HEX, RGB og HSL med kopiering med ét klik for hvert format. Perfekt til at matche en brandfarve, aflæse en farveprøve fra et fotografi eller hente accentfarver fra et design-mockup.

usage

Billedet nedskaleres til 320 pixels på den længste side, hvorefter hver pixel placeres i en gruppe efter de øverste 4 bits per kanal. De mest fyldte grupper midles tilbage til fuld 8-bit-farve, sorteres efter hyppighed 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 blive indsat i en :root-selektor (--color-1, --color-2…), og en JSON-fil med hex, RGB-komponenter og vægtprocent for hver farve. Begge formater integreres problemfrit i designtokens, Tailwind-konfigurationer og palettebiblioteker.

features

Nej – farveudvælgelse og paletudtrækning sker udelukkende i din browser ved hjælp af HTML canvas-API'et. Billedet bliver på din enhed, hvilket gør værktøjet sikkert til ikke-frigivne produktbilleder, mockup-udkast og brandaktiver under NDA.

privacy

Til arbejde med brandidentitet er 5-8 farver det optimale - det fanger det dominerende tema uden at udvande accentvalgene. 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 alfa under 128 ignoreres, så transparente baggrunde ikke forurener paletten med "baggrundsfarver". Det gør billedfarvevælgeren særligt god til produktudklip, sticker-grafik 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 (kulør, mætning, lyshed) er intuitiv til at justere farver: skift kulør for at ændre farvefamilie, justér lysheden for nuancer og toner.

technical

Ja. Gratis, ingen konto påkrævet, ingen grænser for billedstørrelse eller antallet af udtrukne paletter. Der er intet at installere — hele værktøjet er en enkelt webside.

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

Audit af brandidentitet

Træk de præcise HEX-værdier ud af et eksisterende logo eller markedsføringsmateriale til din designmanual. Ram konkurrenters brandfarver til en positioneringspræsentation eller pitch.

For Creators

Opbygning af paletter til webdesign

Udtræk de dominerende farver fra et foto eller et moodboard, eksportér som CSS-variabler, og indsæt dem i dit stylesheet. Det optimale interval på 5-8 farver dækker primær-, accent- og neutrale farver til grundlaget for et helt designsystem.

For E-commerce

Produktvisninger til e-handel

Tilpas baggrundsfarverne på produktbilleder til dit butikstema. Vælg den dominerende accentfarve fra et billede af en sneaker eller kjole, og brug den som annoncens fremhævede farve.

Personal Use

Inspiration til indretning og mode

Fotografér et rum eller et outfit, du kan lide, og udtræk paletten. Brug den til at vælge maling, stoffer eller tilbehør, der komplementerer det eksisterende farveskema — så visuel inspiration bliver til brugbare farveprøver.

For Developers

Farveskemaer til datavisualisering

Generér en kategorisk palet på 10-16 farver udledt af et billede, du vil tage afsæt i (f.eks. et akvarelmaleri til et blødt diagram eller en solnedgang til varme-til-kølige gradienter). Bedre end at vælge generiske farvetoner.

For Creators

Arbejdsgange for spil- og UI-grafik

Udtræk den indekserede farvepalet fra sprite-grafik eller UI-mockups til brug i et pixel-art-værktøj eller en spilmotor. JSON-eksporten af paletten fungerer med Aseprite, Photoshop og de fleste asset-pipelines.