IMG.DIY / Ekstra / Farvevælger til billeder

Farvevælger til billeder

Hold musen over for at se, klik for at hente en farve fra ethvert billede — kopiér den som HEX, RGB eller HSL.

Farvevælger til billeder visual example
Privatliv først: intet uploades.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Farvevælger til billeder: 1 · Choose input
1 · Choose input
Farvevælger til billeder: 2 · Adjust and process
2 · Adjust and process
Farvevælger til billeder: 3 · Download result
3 · Download result

Skal du bruge den præcise farve fra et logo, et skærmbillede, et foto eller en designreference? Indlæs billedet, bevæg markøren hen over det for at se farven under en forstørrelseslup, og klik for at gemme den. Hver gemt farve viser sin HEX, RGB og HSL med kopieringsknapper til ét klik.

Den læser pixels direkte fra billedet i din browser, så valget er øjeblikkeligt, og filen uploades aldrig — praktisk til brandfarver, du helst ikke vil sende til et tilfældigt websted.

Sådan bruger du det

  1. Tilføj et billedeSlip det billede eller skærmbillede ind, du vil hente farver fra.
  2. Hold musen over og klikLuppen forstørrer den præcise pixel; klik for at gemme farven.
  3. Kopiér værdienHent HEX, RGB eller HSL for hver farve, du gemte.

Nogle gange skal du bruge én farve fra et billede, og intet andet dur — den præcise blå i et logo, den grå bag en knap i et skærmbillede, en nuance i et foto, du vil genbruge. Dit øje kan ikke aflæse en hex-kode fra en skærm, og den farve, der ser rigtig ud, er som regel et par cifre forkert. Denne farvevælger lader dig indlæse et billede, bevæge dig hen over det med en lup, der forstørrer pixelerne under din markør, og klikke for at gemme præcis den, du vil have, som en farveprøve — HEX, RGB og HSL vist samlet, hver med en kopieringsknap.

Den læser pixels lokalt i din browser fra et canvas: intet uploades, der er ingen konto, og efter første indlæsning virker den offline. Det betyder noget, når billedet er en ulanceret mockup, en kundes brandmateriale eller et internt skærmbillede. Det er en punktmåler — hvert klik læser én pixel, hvilket er præcis rigtigt til et rent logo eller en flad brugerflade, men kræver lidt mere omhu på et støjet foto. Vil du hellere have et helt billedes dominerende farver trukket ud automatisk, er det, hvad det separate paletværktøj er til; dette her er til at pege på en bestemt pixel og tage dens værdi.

Hvad folk bruger det til

Genskab et brands præcise farve fra et gammelt logo, når specifikationen er væk

Match en knap eller overskrift til farven i et skærmbillede fra et websted, du kan lide

Træk primær-, accent- og tekstfarverne ud af et logo i én omgang

Snup en nuance fra et foto til brug som baggrund eller accent

Aflæs den reelle skærmfarve på et halvgennemsigtigt element fra et skærmbillede

Kopiér en farve som HSL, så du kan lysne eller dæmpe den til en hover- eller varianttilstand

Hvorfor IMG.DIY

Forstørrelseslup

Zoomer ind, så du klikker på den præcise pixel.

HEX / RGB / HSL

Hver gemt farve i tre formater.

Ét-kliks kopiering

Kopiér enhver værdi direkte til udklipsholderen.

Privat

Pixels læses lokalt — ingen upload.

FAQ

Kan jeg vælge flere farver?
Ja. Hvert klik tilføjer en farveprøve til listen, så du kan hente et helt sæt fra ét billede og kopiere dem én ad gangen.
Hvad skal luppen bruges til?
Den forstørrer området under din markør, så du kan lande på den præcise pixel — det betyder noget ved tynde streger eller støjfyldte fotos.
Giver den også HSL?
Ja — hver farveprøve viser HEX, RGB og HSL, hver med sin egen kopieringsknap.
Uploades billedet?
Nej. Farverne læses fra billedet på din enhed; intet sendes til en server.
Kan jeg vælge flere farver fra samme billede?
Ja. Hvert klik gemmer endnu en farveprøve, så du kan arbejde dig hen over billedet og bygge en liste op — et logos primærfarve, dets accent, tekstfarven — og derefter sammenligne og kopiere dem én efter én uden at genindlæse billedet.
Hvad er luppen til?
Den forstørrer pixelerne under din markør, så du kan lande på præcis den, du mener. Ved en hård kant er nabopixlen ofte en anti-aliased blanding af to farver, og det zoomede billede lader dig se, at du står på den rene farve og ikke den udviskede grænse, før du klikker.
Hvornår skal jeg bruge HSL-værdien i stedet for HEX?
HSL opdeler en farve i farvetone, mætning og lyshed, hvilket gør det til formatet at række ud efter, når du vil justere frem for at kopiere — lysne en farve til en hover-tilstand, sænke mætningen til en dæmpet variant eller holde farvetonen og bygge en skala. Til almindelig genbrug i CSS er HEX enklere.
Bliver mit billede uploadet nogen steder?
Nej. Billedet læses på et canvas inde i din browser og sendes aldrig til en server. Der er ingen tilmelding, og når siden er indlæst, kan du vælge farver med netværket slået fra, så et privat skærmbillede eller en mockup bliver på din enhed.

Relaterede værktøjer

Guider og tips