Farvevælger fra billede — Få HEX- og RGB-farvekoder

Upload en hvilken som helst JPG, PNG, WebP eller GIF og klik hvor som helst på det viste billede - den nøjagtige pixel under din markør er samplet og vist som HEX, RGB og HSL med et-klik kopi for hvert format. Nyttigt til at matche en mærkefarve, prøve en farveprøve fra et fotografi eller få fat i accenttoner fra en designmockup.

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.

Ja. Den kører i browseren og behøver ingen konto. Der er intet at installere og ingen begrænsning på antallet af paletter, du inspicerer.

Intet billede nødvendigt. Farvevælgeren og -hjulet øverst fungerer alene - træk i mætnings-/lysstyrkefirkanten og farvetoneskyderen, eller skriv en hvilken som helst HEX-, RGB- eller HSL-værdi for at vælge en nøjagtig farve. Upload af et billede er valgfrit, kun for at få øjendroppefarver ud af et billede.

Vælg din grundfarve, og farveharmonier-panelet bygger øjeblikkeligt komplementære, analoge, triadiske, split-komplementære, tetradiske og monokromatiske skemaer ved hjælp af farvehjulsteori. Klik på en vilkårlig farveprøve for at kopiere dens HEX-kode.

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.

Det skyldes næsten altid én af tre ting. Filen overstiger den gratis uploadgrænse på 11 MB — Premium tillader 50 MB og Pro 120 MB. Formatet understøttes måske ikke; se listen i uploadpanelet. Eller filens indhold svarer ikke til navnets format: En omdøbning ændrer ikke indholdet, og derfor afvises et tilsyneladende gyldigt billede.

Den rapporterer, hvad der virkelig er i filen, så et tomt eller overraskende resultat betyder normalt, at dataene aldrig var der - fjernet af den app, der sidst gemte dem, fjernet af en platform ved upload eller fraværende fra originalen. Prøv den uberørte originalfil direkte fra kameraet eller kilden i stedet for en kopi, der har været gennem en beskedapp.

Nej. Du kan køre Color Picker og downloade det gratis resultat uden en konto, og det bærer intet vandmærke. Premium er, hvad du køber, når grænserne begynder at bide: op til 60 filer i én batch, større uploads, ingen daglig grænse og resultatet i den originale opløsning. Der afsløres ikke noget ved download-trinnet, som ikke var synligt, før du startede.

Nej — Farve Picker kører i browseren på computer og telefon. Der er intet at installere, ingen prøveperiode at starte og ingen licens at købe, før du kan se, om værktøjet løser dit behov. Prøv det på den fil, du faktisk sidder fast med, i stedet for på et eksempel.