Hitta hexkoden för en färg i en bild eller skärmdump

Snabbsvar

Öppna bilden från Bilder i Color Identifier och dra färgväljaren till en jämn del av färgen du är ute efter. Appen läser exakt den pixeln och visar hexkoden tillsammans med RGB, HSB, CMYK och närmaste färgnamn; Kopiera Hex lägger koden i urklipp. Läs av två eller tre pixlar alldeles intill: skiljer sig värdena bara med några steg har du färgen. Att välja färger ur bilder ingår i Pro; utan Pro kan du prova två gånger per session, med namn och kod dolda.

Börja med rätt bildfil

Använd originalfilen när du kan. En skärmdump av en webbplats eller app är den renaste källan, eftersom varje pixel har exakt den färg som visades. Bilder som har skickats via Messenger, Snapchat, Instagram eller mejl har komprimerats om, och JPEG-komprimeringen smetar ut färg över närliggande pixlar. Samma yta kan därför ge #3A7BD5 i originalet och #3C7AD2 efter att ha delats.

Vägen in i appen spelar också roll. Delar du en bild från en annan app via delningsmenyn sparas den om som JPEG, vilket kan flytta enstaka pixelvärden en aning. Vill du ha exakta koder ur en skärmdump öppnar du den i stället från Bilder inne i appen.

I foton av verkliga föremål har kameran redan bestämt en del åt dig: vitbalans, exponering och eventuella filter förskjuter siffrorna innan du ens har valt något. Koden beskriver då färgen så som den ser ut i just den bilden. Det duger för en design som ska matcha bilden, men det är inte föremålets färg i ett annat ljus.

Sikta på en pixel, inte på en kant

Väljaren läser exakt en pixel, så placeringen avgör resultatet. Ställ den mitt i en jämn yta. I skärmdumpar är kanterna på text, ikoner och linjer kantutjämnade: pixlarna där är en blandning av förgrund och bakgrund, och koden hamnar någonstans mittemellan. Appen har inget förstoringsglas eller zoom, så beskär bilden i Bilder först när detaljen är liten; då fyller området skärmen och blir lätt att träffa.

I foton undviker du reflexer, skuggor och strukturer som tygväv, ådring i trä eller puts. Har ytan en övergång, som en kvällshimmel eller en solbelyst fasad, bestämmer du vilken del du menar, eftersom varje punkt har sin egen kod. Några avläsningar i samma område visar snabbt om färgen är stabil eller brusig.

Klistra in koden i dina verktyg

Kopiera Hex lägger koden med fyrkant i urklipp, till exempel #94766C, redo för CSS, Figma, Sketch, Canva, Keynote, PowerPoint och alla fält som tar emot ett hexvärde. Kopiera RGB ger samma färg som R: 148, G: 118, B: 108 för program som vill ha rött, grönt och blått var för sig; i CSS skriver du rgb(148, 118, 108). Varje rad i detaljvyn har dessutom en egen kopieringsknapp, även HSB och CMYK.

Samlar du färger till en grafisk profil eller en moodboard, spara varje färg i appen i stället för att klistra in koder i en anteckning. Sparade färger behåller sina koder, så du kan gå tillbaka, jämföra dem sida vid sida och kopiera dem igen. De kan också delas som text med HEX, RGB, HSB och CMYK eller som en bild.

Varför koden kan skilja några steg

Två avläsningar av samma färg skiljer sig ofta lite, och det är normalt. Komprimering, skalning och bildens färgprofil ändrar enskilda pixlar, och iPhone-foton sparas ofta i den bredare färgrymden Display P3 medan de flesta webbverktyg utgår från sRGB. Några enheters skillnad i en kanal syns inte för ögat.

Ett större hopp betyder att du har träffat en annan del av bilden: en kant, en skugga eller en spegling. Flytta väljaren en aning och läs av igen innan du bestämmer dig för ett värde till en profilfärg eller en stilmall.

Så läser du en hexkod

En hexkod är samma information som ett RGB-värde, skrivet i det sextonbaserade talsystemet: två tecken var för rött, grönt och blått. I #94766C är 94 rött (148), 76 grönt (118) och 6C blått (108). 00 betyder inget ljus och FF full styrka, därför är #FFFFFF vitt och #000000 svart. Kortformen #FA0 betyder #FFAA00.

Använd HEX för webben och de flesta designverktyg, RGB där ett program frågar efter tre tal, HSB när du vill ändra ljushet eller mättnad för hand och CMYK bara som startpunkt för tryck, som ändå behöver ett provtryck. Detaljvyn visar den valda färgen i alla fyra formaten.

Vanliga frågor

Kan jag få hexkoden från en skärmdump?

Ja, och skärmdumpar ger de mest pålitliga koderna eftersom inget har komprimerats om. Öppna skärmdumpen från Bilder i appen och välj mitt i en enhetlig färgyta, inte på kanten av text eller en ikon.

Varför ändras koden när jag flyttar väljaren en aning?

Väljaren läser en enda pixel, och även ytor som ser jämna ut består av pixlar som skiljer sig lite åt. Små ändringar är normala; stora betyder att du har hamnat på en kant, en reflex eller en skugga.

Är hexkoden från ett foto föremålets riktiga färg?

Den är färgen så som den syns i just det fotot. Ljus, vitbalans och filter påverkar bilden, så koden stämmer för en design som ska matcha bilden men är ingen mätning av själva föremålet.

Kan jag zooma in i appen för att träffa en liten detalj?

Nej, appen har ingen zoom. Beskär bilden i Bilder först, så fyller detaljen skärmen och du träffar rätt pixel lättare.

Laddas min bild upp någonstans?

Nej. Färgerna läses av och namnges på din iPhone eller iPad, och du behöver inget konto.

Relaterade färgfrågor