Behöver du den exakta färgen från en logotyp, en skärmdump, ett foto eller en designreferens? Ladda in bilden, för muspekaren över den för att förhandsvisa färgen i ett förstoringsglas och klicka för att spara den. Varje sparad färg visar sina HEX-, RGB- och HSL-värden med kopieringsknappar med ett klick.
Den läser pixlar direkt från bilden i din webbläsare, så plockningen är omedelbar och filen laddas aldrig upp — praktiskt för varumärkesfärger du helst inte vill skicka till en slumpmässig sajt.
Så här gör du
- Lägg till en bildSläpp in bilden eller skärmdumpen du vill hämta färger från.
- Hovra och klickaFörstoringsglaset förstorar exakt rätt pixel; klicka för att spara färgen.
- Kopiera värdetHämta HEX, RGB eller HSL för varje färg du sparat.
Ibland behöver du en enda färg ur en bild och inget annat duger — den exakta blå tonen i en logotyp, det grå bakom en knapp i en skärmdump, en nyans i ett foto du vill återanvända. Ditt öga kan inte läsa en hex-kod från en skärm, och färgen som ser rätt ut är oftast några siffror fel. Den här väljaren låter dig ladda en bild, röra dig över den med en förstoringslupp som förstorar pixlarna under markören, och klicka för att spara exakt den du vill ha som ett färgprov — HEX, RGB och HSL visas tillsammans, var och en med en kopieringsknapp.
Den läser pixlar lokalt i din webbläsare från en canvas: inget laddas upp, det finns inget konto, och efter första laddningen fungerar den offline. Det spelar roll när bilden är en olanserad mockup, en kunds varumärkesresurs eller en intern skärmdump. Det är en punktprovtagare — varje klick läser en pixel, vilket är precis rätt för en ren logotyp eller platt UI, och kräver lite mer omsorg på ett brusigt foto. Vill du hellre få en hel bilds dominerande färger framplockade automatiskt är det vad det separata palettverktyget är till för; det här är för att peka på en specifik pixel och ta dess värde.
Vad folk använder det till
Återskapa ett varumärkes exakta färg från en gammal logotyp när specen är borta
Matcha en knapp eller rubrik mot färgen i en skärmdump av en webbplats du gillar
Plocka primär-, accent- och textfärgerna från en logotyp i en vända
Ta en nyans från ett foto att använda som bakgrund eller accent
Läs den verkliga skärmfärgen hos ett halvtransparent element från en skärmdump
Kopiera en färg som HSL så att du kan ljusa upp eller dämpa den för ett hover- eller variantläge
Varför IMG.DIY
Förstoringsglas
Zoomar in så att du klickar på exakt rätt pixel.
HEX / RGB / HSL
Varje sparad färg i tre format.
Kopiera med ett klick
Kopiera vilket värde som helst direkt till urklipp.
Privat
Pixlarna läses lokalt — ingen uppladdning.