Finn hex-koden til en farge i et bilde eller skjermbilde

Kort svar

Åpne bildet fra Bilder i Color Identifier og dra fargevelgeren til en jevn del av fargen du er ute etter. Appen leser akkurat den pikselen og viser hex-koden sammen med RGB, HSB, CMYK og nærmeste fargenavn; Kopier heksadesimal legger koden på utklippstavlen. Les av to eller tre piksler like ved: skiller verdiene seg bare med noen få trinn, har du fargen. Å velge farger fra bilder er en del av Pro; uten Pro kan du prøve to ganger per økt, med navn og kode skjult.

Start med riktig bildefil

Bruk originalfilen når du kan. Et skjermbilde av en nettside eller app er den reneste kilden, fordi hver piksel har nøyaktig fargen som ble vist. Bilder som er sendt via Messenger, Snapchat eller e-post, er komprimert på nytt, og JPEG-komprimering smører farge utover nabopikslene. Samme flate kan derfor gi #3A7BD5 i originalen og #3C7AD2 etter deling.

Også veien inn i appen betyr noe. Deler du et bilde fra en annen app via delingsmenyen, lagres det på nytt som JPEG, og enkelte pikselverdier kan forskyve seg litt. For eksakte koder fra et skjermbilde åpner du det heller fra Bilder inne i appen.

I bilder av virkelige gjenstander har kameraet allerede tatt valg for deg: hvitbalanse, eksponering og eventuelle filtre flytter tallene før du har valgt noe som helst. Koden beskriver da fargen slik den ser ut i akkurat dette bildet. Det er riktig når designet skal passe til bildet, men det er ikke gjenstandens farge i annet lys.

Treff en piksel, ikke en kant

Velgeren leser nøyaktig én piksel, så plasseringen avgjør. Sett den midt i en jevn flate. I skjermbilder er kantene på tekst, ikoner og streker kantutjevnet: pikslene der er en blanding av forgrunn og bakgrunn, og koden havner et sted midt imellom. Appen har ikke lupe eller zoom. Er detaljen liten, beskjærer du bildet i Bilder først, så fyller området skjermen og blir lett å treffe.

I fotografier unngår du gjenskinn, skygger og strukturer som stoffvev, treverk med årer eller mur. Har flaten en overgang, som en vinterhimmel eller en solbelyst husvegg, bestemmer du hvilken del du mener, for hvert punkt har sin egen kode. Noen få avlesninger i samme område viser raskt om fargen er stabil eller støyete.

Lim koden inn i verktøyene dine

Kopier heksadesimal legger koden med #-tegnet på utklippstavlen, for eksempel #94766C, klar for CSS, Figma, Sketch, Canva, Keynote, PowerPoint eller et hvilket som helst felt som tar imot en hex-verdi. Kopier RGB gir samme farge som R: 148, G: 118, B: 108 til programmer som vil ha rødt, grønt og blått hver for seg; i CSS skriver du rgb(148, 118, 108). Hver linje i detaljvisningen har dessuten sin egen kopieringsknapp, også HSB og CMYK.

Bygger du en grafisk profil eller en moodboard, lagrer du hver farge i appen i stedet for å lime koder inn i et notat. Lagrede farger beholder kodene sine, så du kan komme tilbake, sammenligne dem side om side og kopiere dem på nytt, eller dele dem som tekst med HEX, RGB, HSB og CMYK eller som bilde.

Hvorfor koden kan avvike med noen sifre

To avlesninger av samme farge er ofte litt forskjellige, og det er helt normalt. Komprimering, skalering og bildets fargeprofil endrer enkeltpiksler, og iPhone-bilder lagres ofte i det bredere fargerommet Display P3, mens de fleste nettverktøy regner i sRGB. Noen få enheters forskjell i én kanal ser ikke øyet.

Et større hopp betyr at du har truffet en annen del av bildet: en kant, en skygge eller en refleks. Flytt velgeren litt og les av igjen før du låser en verdi til en profilfarge eller et stilark.

Slik leser du en hex-kode

En hex-kode inneholder det samme som en RGB-verdi, bare skrevet i det heksadesimale tallsystemet: to tegn hver for rødt, grønt og blått. I #94766C er 94 rødt (148), 76 grønt (118) og 6C blått (108). 00 betyr ikke noe lys og FF full styrke, derfor er #FFFFFF hvitt og #000000 svart. Kortformen #FA0 betyr #FFAA00.

Bruk HEX på nett og i de fleste designverktøy, RGB der et program spør etter tre tall, HSB når du vil justere lyshet eller metning for hånd, og CMYK bare som utgangspunkt for trykk, som uansett trenger et prøvetrykk. Detaljvisningen viser den valgte fargen i alle fire formatene.

Vanlige spørsmål

Kan jeg hente hex-koden fra et skjermbilde?

Ja, og skjermbilder gir de mest pålitelige kodene fordi ingenting er komprimert på nytt. Åpne skjermbildet fra Bilder i appen og velg inne i en jevn fargeflate, ikke på kanten av tekst eller et ikon.

Hvorfor endres koden når jeg flytter velgeren litt?

Velgeren leser én enkelt piksel, og selv flater som ser jevne ut, består av piksler som er litt ulike. Små endringer er normalt; store betyr at du har havnet på en kant, et gjenskinn eller en skygge.

Er hex-koden fra et bilde den ekte fargen til gjenstanden?

Det er fargen slik den ser ut i akkurat det bildet. Lys, hvitbalanse og filtre påvirker opptaket, så koden stemmer for et design som skal matche bildet, men er ingen måling av selve gjenstanden.

Kan jeg zoome inn for å treffe en liten detalj?

Ikke i appen, den har ingen zoom. Beskjær bildet i Bilder først, så fyller detaljen skjermen og du treffer riktig piksel lettere.

Blir bildet mitt lastet opp?

Nei. Fargene leses av og navngis på iPhonen eller iPaden din, og du trenger ingen konto.

Relaterte fargespørsmål