Grab the exact color from any image

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.

Klik på en hvilken som helst pixel, så viser dette farvevælgerværktøj dens HEX-farvekode (for eksempel #FF6B35) sammen med RGB og HSL — de samme HTML/CSS-farvekoder, du indsætter direkte i et stylesheet, en design-token eller en HTML-attribut. Tryk på Kopier for at hente hex-koden med ét klik.

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.

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.

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.

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.

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.

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.

Yes. Free, free account required to download, no limits on image size or number of palettes extracted. There is nothing to install — the entire tool is a single web page.

No image needed. The Color Picker & Wheel at the top works on its own — drag the saturation/brightness square and the hue slider, or type any HEX, RGB or HSL value to dial in an exact color. Uploading an image is optional, just for eyedropping colors out of a photo.

Pick your base color and the Color harmonies panel instantly builds complementary, analogous, triadic, split-complementary, tetradic and monochromatic schemes using color-wheel theory. Click any swatch to copy its HEX code.

I den selvstændige Farvevælger og hjul indstiller du din farve, og panelet viser dens kontrastforhold mod ren hvid og ren sort sammen med WCAG-vurderingen — AAA, AA, AA Large eller Fail. Brug dette, før du fastlægger en tekst- eller knapfarve, så den forbliver læsbar og opfylder WCAG 2.1-tilgængelighedsretningslinjerne.

Ja. Den selvstændige Farvevælger & Hjul viser den nærmeste matchende navngivne CSS-farve ved siden af den HEX-, RGB- eller HSL-værdi, du har indstillet, hvilket er praktisk til hurtigt at beskrive en nuance i en brief, ticket eller designspecifikation uden at gætte.

Klik på Tilfældig i Farvevælgeren & hjulet for at springe til en ny farve, og brug derefter panelet Farveharmonier nedenunder til at se komplementære, analoge, triadiske og andre koordinerede paletter bygget ud fra den farve — en hurtig måde at finde et udgangspunkt på, når du designer fra bunden i stedet for at sample et eksisterende billede.

Brug rullemenuen Størrelse over paletten til at vælge 5, 8, 10, 16 eller 24 dominerende farver — paletten genberegnes øjeblikkeligt, når du ændrer den. Kombiner en lille størrelse som 5 for en ren brandpalet med pipetten til farveudvælgelse for at fange en eller to præcise accentnuancer, som den automatiske udtrækning måske ville udjævne væk.

Ja — den selvstændige Farvevælger og hjul viser din aktuelle farves kontrastforhold mod rent hvidt og rent sort lige under farvefeltet, mærket AAA, AA, AA Large eller Fail efter WCAG-tærsklerne (7:1, 4.5:1, 3:1). Brug den til at tjekke, om en tekst-/baggrundskombination opfylder tilgængelighedsstandarderne, før du låser en designfarve fast.

Farvevælgeren og -hjulet matcher automatisk den farve, du har indstillet — via vælgeren, HEX-boksen eller RGB/HSL-felterne — til dens nærmeste standard-CSS-farvenavn, vist som 'Nærmeste navn' ved siden af farveprøven. Det er en hurtig måde at beskrive en farve mundtligt på eller finde dens nærmeste web-sikre modstykke.

Ja — hvert klik eller tap på det uploadede billede tilføjer et nyt farvefelt til din liste over Valgte farver frem for at erstatte det forrige, så du kan opbygge et brugerdefineret sæt af præcise pixelfarver fra forskellige dele af et foto. Fjern et enkelt farvefelt med dets ×-knap, eller ryd hele listen med Ryd valgte.

Ja — Tilfældig-knappen (bland-ikonet) i Farvevælgeren og hjulet springer til en ny kombination af farvetone, mætning og lysstyrke med ét klik, nyttigt til at bryde kreativ blokering eller udforske en palet, du ikke selv ville have indtastet manuelt. HEX, RGB, HSL og harmoni-felterne nedenfor opdateres alle samtidig.

På en touchskærm trækker du fingeren hen over billedet for at forhåndsvise farven under den i en flydende live-farveprøve og løfter derefter fingeren for at tilføje netop den pixel til din liste over Udvalgte farver — der kræves ingen separat bekræftelse. Den samme rullemenu til palettestørrelse og de samme eksportknapper fungerer identisk på mobil.

Ja. Farvehjulet øverst på siden har en Tilfældig-knap, der hopper til en tilfældig farve og øjeblikkeligt viser dens HEX-, RGB- og HSL-koder, dens nærmeste navngivne farve, kontrastforhold på hvid og sort samt fulde harmonisæt — komplementær, analog, triadisk, split-komplementær, tetradisk og monokrom. Det er en hurtig måde at udforske udgangspunkter for en palet på.

Dette værktøj udtager farver fra et uploadet billede eller fra det indbyggede farvehjul i stedet for at læse din skærm direkte. Den hurtigste løsning til en skærmfarvevælger: tag et skærmbillede, læg det på siden, og klik på den præcise pixel, du ønsker — du får de samme HEX-, RGB- og HSL-koder uden at installere en udvidelse, og skærmbilledet forlader aldrig din browser.

Ja — Pixoate understøtter batch- og bulkbehandling. Skift til Batch-tilstand, tilføj op til 60 billeder på Premium eller 200 på Pro, indstil dine indstillinger én gang, og hvert billede behandles med de samme indstillinger, før du downloader et regneark - en paletrække pr. billede. Massebehandling er en Premium-funktion; outputtet bruger samme kvalitet og indstillinger som single mode.

Ja - med massebehandling konfigurerer du indstillingerne en enkelt gang, og de gælder for hvert element i batchen - op til 60 billeder på Premium eller 200 på Pro. Der er ingen grund til at gentage opsætningen pr. element, og Palette-udtrækning kører i din browser; kun det færdige regneark gemmes til download.