Den digitala världen översätter färgerna runt omkring oss till enkla kombinationer av bokstäver och siffror. För att få vilken färg du vill behöver du bara få dess kod, och du kan replikera den.
Har en specifik färg fångat ditt öga när du surfar på nätet? Eller behöver du använda en speciell nyans i din design för att hålla saker konsekventa? Så här får du RGB- eller HEX-koden för valfri pixel på din skärm.
Identifiera RGB- eller HEX-värdet för färgen på skärmen
Att identifiera RGB- eller HEX-värdet för en färg på din skärm kräver inte ett expertöga eller ett dyrt verktyg. På PC finns det flera enkla sätt att få din färgkod.
Använd en PC-app
Det första sättet att fånga vilken färg som helst på skärmen är att använda ett datorprogram. Du kanske redan har det här programmet på din PC.
Instant pipett för Windows
Om du behöver ta tag i färgkoder ofta, kommer ett enkelt verktyg till hands att göra ditt liv enklare. Instant Eyedropper är en gratisapp exklusivt för Windows från och med nu.
När du har installerat det kan du komma åt det från systemfältet. Tryck bara på och håll nere vänster musknapp på den färg du väljer och släpp sedan. Appen kopierar omedelbart färgkoden till ditt urklipp och du kan klistra in den i vilket program du vill. omedelbar dropper fungerar på Windows XP-10.
Digital färgmätare för Mac
Digital Color Meter är ett liknande verktyg som är förinstallerat på Mac-enheter. Öppna mappen Applications och leta efter Utilities. Verktyget Digital Color Meter borde finnas där.
När du kör den här appen förvandlas markören till en pipett som du kan använda för att välja vilken färg som helst på skärmen. Appen kommer att visa RGB-värden som standard. Du kan kopiera dem och konvertera dem till HEX senare eller ändra alternativen för att få exakt den färg du vill ha.
SIP för Mac
Om du behöver ett mer avancerat verktyg kan du kolla in SIP, tillgängligt för Mac. SIP är mer än bara en färgväljare. Den erbjuder också många avancerade funktioner som alla webbdesigners kommer att uppskatta. Du kan enkelt redigera dina färger, organisera dem i paletter och ändra deras format för att passa dina behov.
Tyvärr, SMUTTA Det är inte ett gratis verktyg, men de erbjuder en gratis provperiod. Du kan prova det för att se om extrafunktionerna är värda dina pengar.
Fördelen med dessa skrivbordsprogram är att de kan fånga färger från praktiskt taget var som helst på skärmen. Webbläsarverktygen nedan kan bara göra det på webbsidor. Naturligtvis kan du kringgå denna begränsning genom att ladda upp ett foto eller skärmdump för att se i din webbläsare.
Använd din webbläsare
Nästa enkla sätt att få färg från RGB- eller HEX-kod är att helt enkelt använda webbläsarens inbyggda verktyg. Du kommer bara att kunna välja färger från webbsidan i fråga, men du kan använda både Firefox och Chrome för detta.
Här hittar du Firefoxs färgvalsverktyg:
- Starta Firefox och öppna webbplatsen där du vill extrahera en färgkod.
- Klicka på din webbläsarmeny (tre horisontella linjer) i det övre högra hörnet.
- Hitta webbutvecklingsverktyg bland alternativen. Det kan vara i “Fler verktyg”.
- Ett fönster öppnas längst ner på sidan. Leta efter pipettikonen så kan du kopiera färgkoderna med ett klick.
Stegen är liknande i Chrome:
- Starta Chrome och öppna den webbplats du vill ha.
- Klicka på menyn (tre vertikala punkter) i det övre högra hörnet och leta efter “Utvecklarverktyg” under “Fler verktyg.”
- Ett fönster öppnas till höger på sidan. Hitta och klicka på “Stilar” i det andra avsnittet.
- Under “kropp” kommer du att se ett gäng färgade rutor. Klicka på någon av dem för att aktivera färgväljaren.
Tips: Du kan också öppna utvecklarverktygen i båda webbläsarna genom att högerklicka på valfri sida och välja “Inspektera”.
Använd ett webbläsartillägg
Förutom utvecklarverktyg kan du också använda praktiska webbläsartillägg för att välja vilken färg som helst från en webbsida. Kolla in följande tillägg som får jobbet gjort:
använda en webbplats
Du behöver inte nödvändigtvis en app eller tillägg för att identifiera RGB- eller HEX-koden för en färg. Om du har en specifik bild som du vill få en färg från kan du även använda en hemsida. Otaliga webbplatser låter dig ladda upp ett foto, extrahera en färgkod eller till och med skapa en harmonisk palett.
PineTools bildfärgväljare
Hitta verktyget Bildfärgväljare i PineTools webbplats och ladda upp din bild. Zooma in om det behövs för att hitta den pixel du vill fånga. Du får RGB-värdena och HEX-koden med ett enkelt klick.
Bildfärgväljare
han Bildfärgväljare Webbplatsen erbjuder flera andra alternativ förutom bilduppladdning. Klicka på “Använd din bild” och välj var du vill importera en bild. Du kan klicka var som helst på bilden för att få en specifik färg, men hemsidan föreslår även en färgpalett baserad på bilden.
Image Color Finder
Förutom en enkel färgväljare, Image Color Finder Det kan också fungera som ett kreativt verktyg. Du kan pixla den uppladdade bilden för att få en bättre överblick över dess färger och zooma in så mycket du vill. Webbplatsen föreslår också automatiskt ett par färger.
Ta en skärmdump
Slutligen kan du identifiera färgkoden utan alla verktyg som nämns ovan. Istället tar den en skärmdump och väljer färg därifrån.
- Se till att färgen du vill välja är synlig på din skärm.
- Ta en skärmdump genom att trycka på knappen Print Screen på ditt tangentbord (PrntScr, PrtScn, etc.) i Windows eller genom att hålla ned “Shift + Command + 3” samtidigt på Mac. Din skärmdump kommer automatiskt att kopieras till ditt urklipp.
Tips: Du kan också fånga bara en del av skärmen. I Windows öppnar du Snipping Tool från Start-menyn. På Mac använder du genvägen “Skift + Kommando + 4”.
- Öppna MS Paint (eller något annat bildbehandlingsprogram) och klistra in skärmdumpen.
- Hitta pipettverktyget och välj en färg.
- Klicka på “Redigera färger” bredvid färgpaletten i MS Paint. Under skjutreglaget ser du RGB-värdena för din nuvarande färg.
För att konvertera dessa siffror till en HEX-kod behöver du hjälp av en webbplats. - Gå till RGB till hexadecimal och skriv in värdena i lämpliga fält.
- Klicka på “Konvertera till hexadecimal” så får du din kod.
Ytterligare vanliga frågor
Vad är skillnaden mellan RGB och HEX? Vilken behöver jag?
RGB- och HEX-koder uttrycker samma färger. Men vilken kod du behöver beror på din avsedda användning. RGB-koder talar om för din skärm hur mycket rött, grönt och blått ljus som ska sändas ut för att ge önskad färg. HEX-koder förmedlar samma information men på kodningsspråket.
En designer eller utvecklare kommer med största sannolikhet att behöva de färgade HEX-koderna.
Hur identifierar jag en färg på en mobil enhet?
För att välja en färg för din mobila enhets skärm kan du ladda ner en app eller använda en av webbplatserna som nämns ovan. Det finns också ett färgväljarverktyg för iOS i markeringsverktyget. Det kan också ge dig HEX-färgkoden.
Få vilken färg du ser med bara ett klick
Att använda RGB- eller HEX-färgkoder säkerställer att det inte finns någon risk för fel. Tack vare dessa universella färgspråk kan du hålla dina mönster konsekventa med samma nyanser. Eftersom det finns många sätt att extrahera färgkoden på skärmen behöver du bara hitta den enklaste metoden för dig.
Vilket färgvalsverktyg föredrar du? Eller har du en annan pålitlig metod att lägga till? Låt oss veta nedan.
