Värin kopioiminen HTML-muodossa Photoshop CS5:ssä

Photoshop ja web-suunnittelu kulkevat usein käsi kädessä, ja yksi tämän rinnakkaiselon tärkeimmistä elementeistä on kyky esittää värit tarkasti näiden kahden paikan välillä. Mutta saatat huomata, että sinulla on kuvassa väri, jota haluaisit käyttää Web-sivullasi. Olipa kyseessä sitten fontin väri, taustaväri tai hover-tehoste, samojen tai täydentävien värien tehokkaalla käytöllä Web-sivulla voi olla suuri vaikutus. Vaikka Photoshopissa voi olla joitakin kiertokulkutapoja löytää värit muodossa, jota voit käyttää Web-sivulla, on olemassa yksinkertainen tapa tulostaa väritiedot HTML-muodossa.

Alla oleva opas näyttää, kuinka voit käyttää Photoshopin pipettityökalua värin kopioimiseen HTML-muodossa, jotta voit liittää sen suoraan HTML-elementtiin.

Hanki värin HTML-koodi Photoshop-tiedostosta

Tämän artikkelin vaiheissa oletetaan, että sinulla on väri Photoshop-tiedostossa ja että haluat saada HTML-koodin tälle värille, jotta voit käyttää sitä Web-sivulla. Näytämme sinulle työkalun ja menetelmän näiden tietojen hankkimiseksi Photoshopissa, ja sitten näytämme sinulle kopioitujen tietojen tulosteen.

Vaihe 1: Avaa tiedosto Photoshop CS5:ssä.

Vaihe 2: Napsauta Pipettityökalu työkalulaatikossa.

Vaihe 3: Aseta kärki Pipettityökalu sen värin kohdalla, jolle tarvitset HTML-koodin, napsauta sitä hiiren kakkospainikkeella ja valitse Kopioi väri HTML-muodossa vaihtoehto.

Jos liität tiedot, ne liitetään alla olevan kuvan mukaisessa muodossa.

Onko vaikea määrittää, mikä Photoshop-tiedostosi taso sisältää mitä objekteja? Tämä artikkeli - //www.solveyourtech.com/rename-layer-photoshop-cs5/ - näyttää, kuinka taso nimetään uudelleen ja helpottaa sen tunnistamista.