Kako kopirati boju kao HTML u Photoshopu CS5

Photoshop i Web dizajn često idu ruku pod ruku, a jedan od najvažnijih elemenata ovog suživota je mogućnost preciznog predstavljanja boja između ta dva mjesta. Ali možda ćete otkriti da na slici imate boju koju biste željeli upotrijebiti na svojoj web stranici. Bilo da se radi o boji fonta, boji pozadine ili efektu lebdenja, učinkovito korištenje istih ili dodatnih boja na web stranici može imati veliki utjecaj. Iako bi mogli postojati neki zaobilazni načini za pronalaženje boje u Photoshopu u formatu koji možete koristiti na web stranici, zapravo postoji jednostavan način za izlaz informacija o boji kao HTML.

Naš vodič u nastavku će vam pokazati kako koristiti Eyedropper Tool u Photoshopu za kopiranje boje kao HTML tako da je možete zalijepiti izravno u HTML element.

Preuzmite HTML kod za boju iz datoteke Photoshopa

Koraci u ovom članku pretpostavljat će da imate boju u datoteci Photoshopa i da biste željeli dobiti HTML kod za tu boju kako biste je mogli koristiti na web stranici. Pokazat ćemo vam alat i metodu za dobivanje ovih informacija u Photoshopu, a zatim ćemo vam pokazati izlaz kopiranih informacija.

Korak 1: Otvorite svoju datoteku u Photoshopu CS5.

Korak 2: Kliknite na Alat za kapaljku u kutiji s alatima.

Korak 3: Stavite vrh Alat za kapaljku na boju za koju vam je potreban HTML kod, zatim desnom tipkom miša kliknite na nju i odaberite Kopiraj boju kao HTML opcija.

Ako zatim zalijepite podatke, bit će zalijepljeni u formatu prikazanom na donjoj slici.

Postaje li teško odrediti koji sloj u vašoj Photoshop datoteci sadrži koje objekte? Ovaj članak – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – pokazat će vam kako preimenovati sloj i olakšati ga prepoznavanje.