Om du vill komma åt en specifik färgkod på ett snabbt sätt så går det enkelt även om funktionen ligger lite gömd. Perfekt om du vill dela med dig av en specifik färgkod till en kompis. Det passar dessutom ypperligt om du använder Photoshop som ett verktyg när du kodar för webben.
Välj Eyedropper Tool (Pipetten) ur verktygsfältet (Snabbknapp: I). Högerklicka (Mac: Ctrl + vänsterklick) därefter på den punkt i bilden som du vill plocka färgkoden från. Du får nu upp en en meny.
Här kan du välja Copy Color’s Hex Code (Kopiera färgens hexidecimala kod). Detta gör att Photoshop automatiskt kopierar de sex tecken som beskriver den färg du klickade på. Sen är det bara att kopiera in koden i ett mail eller ett dokument etc.
Du kan också välja Copy Color as HTML (Kopiera färg som HTML). Detta alternativ ger dig följande rad kopierad, fast med just din färgkod:
color=”#6b7219″
Klappat, klart och förberett för webbkodande!
Om Sanna
Kalasbra tips! Vet inte hur ofta man har krånglat fram färgvalsfönstret, markerat, kopierat och grejat.
Coolt. Har jag missat helt. Trots att jag fördjupat mig i pipetten. :D
Visste jag inte. Bra tips
Supertips – Har bara sett de tre översta raderna i den dialogrutan ;-)
Aaaaaah. Sanna, du är bäst. Ett riktigt användbart trick.
Jag har mina stunder. Det är lite som ett stjärnfall. Ovanligt men blixtrande vackert. Och med det tar jag helg.
Detta är sååå ballt. Tusen tack!! :)
Mycket användbart. Men man måste ha valt export clipboard i preferences, och i CS4 tycks bara Copy Color as HTML finnas. Vilket duger bra!
Det är bra att man snabbt kan få fram hex koden för färgen, men inbilla dig inte att det är ”klart för webbkodande”. color=”#hex” är inte en användbar kodsträng.
All modern webbutveckling bygger på att man använder CSS för sin design, inte HTML-attribut. Följaktligen är funktionen copy as HTML *total oanvändbar*. Det räcker gott med att kopiera hex-koden och inget annat.
Alltså: Om du använder dig av HTML för att styra din design, så gör du fel, och Photoshop skulle bli ett *BÄTTRE* program om den funktionen togs bort, då den i sin nuvarande form riskerar att vilseleda nybörjare som inte känner till hur man joobbar på rätt sätt i CSS.
Samma förvillande problem finns det i Photoshops gamla ”slice and dice” funktion, där en design gjord i Photoshop förbvandlades till en serie uppstyckade bilder som fogades samman som en tabell i HTML. Långt in på 2000-talet fick den funktionen okunniga webbdesigners att partaja som vore det 1998.
Jag älskar Moderskeppet och rekommenderar allt ni gör för mina studenter och vänner, men det här tipset blev inte bra. Helst skulle jag hoppas om brödtexten skrevs om så att det felaktiga påståendet att det är ”klappat och klart” tas bort.