Trenger du den nøyaktige fargen fra en logo, et skjermbilde, et foto eller en designreferanse? Last inn bildet, beveg pekeren over det for å forhåndsvise fargen under en forstørrelseslupe, og klikk for å lagre den. Hver lagret farge viser sin HEX, RGB og HSL med kopieringsknapper med ett klikk.
Den leser piksler rett fra bildet i nettleseren din, så plukkingen er umiddelbar og filen lastes aldri opp — praktisk for merkevarefarger du helst ikke vil sende til et tilfeldig nettsted.
Slik bruker du verktøyet
- Legg til et bildeSlipp inn bildet eller skjermbildet du vil hente farger fra.
- Hold pekeren over og klikkLupen forstørrer den nøyaktige pikselen; klikk for å lagre fargen.
- Kopier verdienHent HEX, RGB eller HSL for hver farge du har lagret.
Noen ganger trenger du én farge fra et bilde og ingenting annet duger — den eksakte blåfargen i en logo, gråtonen bak en knapp i et skjermbilde, en nyanse i et foto du vil gjenbruke. Øyet ditt kan ikke lese en HEX-kode av en skjerm, og fargen som ser riktig ut er som regel noen sifre feil. Denne velgeren lar deg laste inn et bilde, bevege deg over det med en forstørrelseslupe som forstørrer pikslene under markøren, og klikke for å lagre nøyaktig den du vil ha som en fargeprøve — HEX, RGB og HSL vist sammen, hver med en kopieringsknapp.
Den leser piksler lokalt i nettleseren din fra et canvas: ingenting lastes opp, det er ingen konto, og etter første innlasting fungerer den offline. Det betyr noe når bildet er en ulansert mockup, en kundes merkevareressurs eller et internt skjermbilde. Det er en punktprøvetaker — hvert klikk leser én piksel, som er akkurat riktig for en ren logo eller flat UI, og krever litt mer omhu på et støyete foto. Hvis du heller vil ha et helt bildes dominerende farger hentet ut automatisk, er det det separate palettverktøyet er til; dette er for å peke på en bestemt piksel og ta verdien dens.
Hva folk bruker det til
Gjenopprett en merkevares eksakte farge fra en gammel logo når spesifikasjonen er borte
Match en knapp eller overskrift til fargen i et skjermbilde av et nettsted du liker
Hent primær-, aksent- og tekstfargene fra en logo i én omgang
Ta en nyanse fra et foto til bruk som bakgrunn eller aksent
Les den faktiske skjermfargen til et halvgjennomsiktig element fra et skjermbilde
Kopier en farge som HSL så du kan lysne eller dempe den for en hover- eller varianttilstand
Hvorfor IMG.DIY
Forstørrelseslupe
Zoomer inn så du klikker på den nøyaktige pikselen.
HEX / RGB / HSL
Hver lagret farge i tre formater.
Ettklikkskopiering
Kopier en hvilken som helst verdi rett til utklippstavlen.
Privat
Pikslene leses lokalt — ingen opplasting.