Den digitala v\u00e4rlden \u00f6vers\u00e4tter f\u00e4rgerna runt omkring oss till enkla kombinationer av bokst\u00e4ver och siffror. F\u00f6r att f\u00e5 vilken f\u00e4rg du vill beh\u00f6ver du bara f\u00e5 dess kod, och du kan replikera den.<\/p>\n
Har en specifik f\u00e4rg f\u00e5ngat ditt \u00f6ga n\u00e4r du surfar p\u00e5 n\u00e4tet? Eller beh\u00f6ver du anv\u00e4nda en speciell nyans i din design f\u00f6r att h\u00e5lla saker konsekventa? S\u00e5 h\u00e4r f\u00e5r du RGB- eller HEX-koden f\u00f6r valfri pixel p\u00e5 din sk\u00e4rm.<\/p>\n
Att identifiera RGB- eller HEX-v\u00e4rdet f\u00f6r en f\u00e4rg p\u00e5 din sk\u00e4rm kr\u00e4ver inte ett expert\u00f6ga eller ett dyrt verktyg. P\u00e5 PC finns det flera enkla s\u00e4tt att f\u00e5 din f\u00e4rgkod.<\/p>\n
Det f\u00f6rsta s\u00e4ttet att f\u00e5nga vilken f\u00e4rg som helst p\u00e5 sk\u00e4rmen \u00e4r att anv\u00e4nda ett datorprogram. Du kanske redan har det h\u00e4r programmet p\u00e5 din PC.<\/p>\n
Om du beh\u00f6ver ta tag i f\u00e4rgkoder ofta, kommer ett enkelt verktyg till hands att g\u00f6ra ditt liv enklare. Instant Eyedropper \u00e4r en gratisapp exklusivt f\u00f6r Windows fr\u00e5n och med nu.<\/p>\n
N\u00e4r du har installerat det kan du komma \u00e5t det fr\u00e5n systemf\u00e4ltet. Tryck bara p\u00e5 och h\u00e5ll nere v\u00e4nster musknapp p\u00e5 den f\u00e4rg du v\u00e4ljer och sl\u00e4pp sedan. Appen kopierar omedelbart f\u00e4rgkoden till ditt urklipp och du kan klistra in den i vilket program du vill. omedelbar dropper<\/a> fungerar p\u00e5 Windows XP-10.<\/p>\n Digital Color Meter \u00e4r ett liknande verktyg som \u00e4r f\u00f6rinstallerat p\u00e5 Mac-enheter. \u00d6ppna mappen Applications och leta efter Utilities. Verktyget Digital Color Meter borde finnas d\u00e4r.<\/p>\n N\u00e4r du k\u00f6r den h\u00e4r appen f\u00f6rvandlas mark\u00f6ren till en pipett som du kan anv\u00e4nda f\u00f6r att v\u00e4lja vilken f\u00e4rg som helst p\u00e5 sk\u00e4rmen. Appen kommer att visa RGB-v\u00e4rden som standard. Du kan kopiera dem och konvertera dem till HEX senare eller \u00e4ndra alternativen f\u00f6r att f\u00e5 exakt den f\u00e4rg du vill ha.<\/p>\n Om du beh\u00f6ver ett mer avancerat verktyg kan du kolla in SIP, tillg\u00e4ngligt f\u00f6r Mac. SIP \u00e4r mer \u00e4n bara en f\u00e4rgv\u00e4ljare. Den erbjuder ocks\u00e5 m\u00e5nga avancerade funktioner som alla webbdesigners kommer att uppskatta. Du kan enkelt redigera dina f\u00e4rger, organisera dem i paletter och \u00e4ndra deras format f\u00f6r att passa dina behov.<\/p>\n Tyv\u00e4rr, SMUTTA<\/a> Det \u00e4r inte ett gratis verktyg, men de erbjuder en gratis provperiod. Du kan prova det f\u00f6r att se om extrafunktionerna \u00e4r v\u00e4rda dina pengar.<\/p>\n F\u00f6rdelen med dessa skrivbordsprogram \u00e4r att de kan f\u00e5nga f\u00e4rger fr\u00e5n praktiskt taget var som helst p\u00e5 sk\u00e4rmen. Webbl\u00e4sarverktygen nedan kan bara g\u00f6ra det p\u00e5 webbsidor. Naturligtvis kan du kringg\u00e5 denna begr\u00e4nsning genom att ladda upp ett foto eller sk\u00e4rmdump f\u00f6r att se i din webbl\u00e4sare.<\/p>\n N\u00e4sta enkla s\u00e4tt att f\u00e5 f\u00e4rg fr\u00e5n RGB- eller HEX-kod \u00e4r att helt enkelt anv\u00e4nda webbl\u00e4sarens inbyggda verktyg. Du kommer bara att kunna v\u00e4lja f\u00e4rger fr\u00e5n webbsidan i fr\u00e5ga, men du kan anv\u00e4nda b\u00e5de Firefox och Chrome f\u00f6r detta.<\/p>\n H\u00e4r hittar du Firefoxs f\u00e4rgvalsverktyg:<\/p>\n Stegen \u00e4r liknande i Chrome:<\/p>\n Tips: Du kan ocks\u00e5 \u00f6ppna utvecklarverktygen i b\u00e5da webbl\u00e4sarna genom att h\u00f6gerklicka p\u00e5 valfri sida och v\u00e4lja “Inspektera”.<\/p>\n F\u00f6rutom utvecklarverktyg kan du ocks\u00e5 anv\u00e4nda praktiska webbl\u00e4sartill\u00e4gg f\u00f6r att v\u00e4lja vilken f\u00e4rg som helst fr\u00e5n en webbsida. Kolla in f\u00f6ljande till\u00e4gg som f\u00e5r jobbet gjort:<\/p>\n Du beh\u00f6ver inte n\u00f6dv\u00e4ndigtvis en app eller till\u00e4gg f\u00f6r att identifiera RGB- eller HEX-koden f\u00f6r en f\u00e4rg. Om du har en specifik bild som du vill f\u00e5 en f\u00e4rg fr\u00e5n kan du \u00e4ven anv\u00e4nda en hemsida. Otaliga webbplatser l\u00e5ter dig ladda upp ett foto, extrahera en f\u00e4rgkod eller till och med skapa en harmonisk palett.<\/p>\n Hitta verktyget Bildf\u00e4rgv\u00e4ljare i PineTools<\/a> webbplats och ladda upp din bild. Zooma in om det beh\u00f6vs f\u00f6r att hitta den pixel du vill f\u00e5nga. Du f\u00e5r RGB-v\u00e4rdena och HEX-koden med ett enkelt klick.<\/p>\n han Bildf\u00e4rgv\u00e4ljare<\/a> Webbplatsen erbjuder flera andra alternativ f\u00f6rutom bilduppladdning. Klicka p\u00e5 “Anv\u00e4nd din bild” och v\u00e4lj var du vill importera en bild. Du kan klicka var som helst p\u00e5 bilden f\u00f6r att f\u00e5 en specifik f\u00e4rg, men hemsidan f\u00f6resl\u00e5r \u00e4ven en f\u00e4rgpalett baserad p\u00e5 bilden.<\/p>\n F\u00f6rutom en enkel f\u00e4rgv\u00e4ljare, Image Color Finder<\/a> Det kan ocks\u00e5 fungera som ett kreativt verktyg. Du kan pixla den uppladdade bilden f\u00f6r att f\u00e5 en b\u00e4ttre \u00f6verblick \u00f6ver dess f\u00e4rger och zooma in s\u00e5 mycket du vill. Webbplatsen f\u00f6resl\u00e5r ocks\u00e5 automatiskt ett par f\u00e4rger.<\/p>\n Slutligen kan du identifiera f\u00e4rgkoden utan alla verktyg som n\u00e4mns ovan. Ist\u00e4llet tar den en sk\u00e4rmdump och v\u00e4ljer f\u00e4rg d\u00e4rifr\u00e5n.<\/p>\n Tips: Du kan ocks\u00e5 f\u00e5nga bara en del av sk\u00e4rmen. I Windows \u00f6ppnar du Snipping Tool fr\u00e5n Start-menyn. P\u00e5 Mac anv\u00e4nder du genv\u00e4gen “Skift + Kommando + 4”.<\/p>\n<\/li>\n RGB- och HEX-koder uttrycker samma f\u00e4rger. Men vilken kod du beh\u00f6ver beror p\u00e5 din avsedda anv\u00e4ndning. RGB-koder talar om f\u00f6r din sk\u00e4rm hur mycket r\u00f6tt, gr\u00f6nt och bl\u00e5tt ljus som ska s\u00e4ndas ut f\u00f6r att ge \u00f6nskad f\u00e4rg. HEX-koder f\u00f6rmedlar samma information men p\u00e5 kodningsspr\u00e5ket.<\/p>\n En designer eller utvecklare kommer med st\u00f6rsta sannolikhet att beh\u00f6va de f\u00e4rgade HEX-koderna.<\/p>\n F\u00f6r att v\u00e4lja en f\u00e4rg f\u00f6r din mobila enhets sk\u00e4rm kan du ladda ner en app eller anv\u00e4nda en av webbplatserna som n\u00e4mns ovan. Det finns ocks\u00e5 ett f\u00e4rgv\u00e4ljarverktyg f\u00f6r iOS i markeringsverktyget. Det kan ocks\u00e5 ge dig HEX-f\u00e4rgkoden.<\/p>\n Att anv\u00e4nda RGB- eller HEX-f\u00e4rgkoder s\u00e4kerst\u00e4ller att det inte finns n\u00e5gon risk f\u00f6r fel. Tack vare dessa universella f\u00e4rgspr\u00e5k kan du h\u00e5lla dina m\u00f6nster konsekventa med samma nyanser. Eftersom det finns m\u00e5nga s\u00e4tt att extrahera f\u00e4rgkoden p\u00e5 sk\u00e4rmen beh\u00f6ver du bara hitta den enklaste metoden f\u00f6r dig.<\/p>\n Vilket f\u00e4rgvalsverktyg f\u00f6redrar du? Eller har du en annan p\u00e5litlig metod att l\u00e4gga till? L\u00e5t oss veta nedan.<\/p>\n <\/span>Digital f\u00e4rgm\u00e4tare f\u00f6r Mac<\/span><\/h4>\n
<\/span>SIP f\u00f6r Mac<\/span><\/h4>\n
<\/span>Anv\u00e4nd din webbl\u00e4sare<\/span><\/h3>\n
\n
\n
<\/span>Anv\u00e4nd ett webbl\u00e4sartill\u00e4gg<\/span><\/h3>\n
<\/span>anv\u00e4nda en webbplats<\/span><\/h3>\n
<\/span>PineTools bildf\u00e4rgv\u00e4ljare<\/span><\/h4>\n
<\/span>Bildf\u00e4rgv\u00e4ljare<\/span><\/h4>\n
<\/span>Image Color Finder<\/span><\/h4>\n
<\/span>Ta en sk\u00e4rmdump<\/span><\/h3>\n
\n
F\u00f6r att konvertera dessa siffror till en HEX-kod beh\u00f6ver du hj\u00e4lp av en webbplats.<\/li>\n<\/span>Ytterligare vanliga fr\u00e5gor<\/span><\/h2>\n
<\/span>Vad \u00e4r skillnaden mellan RGB och HEX? Vilken beh\u00f6ver jag?<\/span><\/h3>\n
<\/span>Hur identifierar jag en f\u00e4rg p\u00e5 en mobil enhet?<\/span><\/h3>\n
<\/span>F\u00e5 vilken f\u00e4rg du ser med bara ett klick<\/span><\/h2>\n