Hvordan kopiere en farge som HTML i Photoshop CS5

Photoshop og webdesign går ofte hånd i hånd, og et av de viktigste elementene i denne sameksistensen er muligheten til nøyaktig å representere farger mellom de to stedene. Men du kan finne ut at du har en farge i et bilde som du ønsker å bruke på websiden din. Enten dette er en skriftfarge, en bakgrunnsfarge eller en sveveeffekt, kan effektiv bruk av samme eller komplementære farger på en webside ha stor innvirkning. Selv om det kan være noen omveiende måter å finne fargen i Photoshop i et format som du kan bruke på en webside, er det faktisk en enkel metode for å skrive ut fargeinformasjon som HTML.

Vår guide nedenfor viser deg hvordan du bruker pipetteverktøyet i Photoshop for å kopiere en farge som HTML slik at du kan lime den direkte inn i et HTML-element.

Få HTML-koden for en farge fra en Photoshop-fil

Trinnene i denne artikkelen vil forutsette at du har en farge i en Photoshop-fil, og at du ønsker å få HTML-koden for den fargen slik at du kan bruke den på en webside. Vi vil vise deg verktøyet og metoden for å skaffe denne informasjonen i Photoshop, så viser vi deg utdataene fra den kopierte informasjonen.

Trinn 1: Åpne filen i Photoshop CS5.

Trinn 2: Klikk på Pipetteverktøy i verktøykassen.

Trinn 3: Plasser tuppen av Pipetteverktøy på fargen du trenger HTML-koden for, høyreklikk deretter på den og velg Kopier farge som HTML alternativ.

Hvis du så limer inn informasjonen, limes den inn i formatet som vises på bildet under.

Blir det vanskelig å finne ut hvilket lag i Photoshop-filen som inneholder hvilke objekter? Denne artikkelen – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – viser deg hvordan du gir nytt navn til et lag og gjør det lettere å identifisere.