Cum să copiați o culoare ca HTML în Photoshop CS5

Photoshop și designul web merg adesea mână în mână, iar unul dintre cele mai importante elemente ale acestei coexistențe este capacitatea de a reprezenta cu acuratețe culorile între cele două locuri. Dar este posibil să descoperiți că aveți o culoare într-o imagine pe care doriți să o utilizați pe pagina dvs. Web. Indiferent dacă aceasta este o culoare de font, o culoare de fundal sau un efect de hover, utilizarea efectivă a culorilor identice sau complementare pe o pagină Web poate avea un impact mare. Deși ar putea exista câteva modalități indirecte de a găsi culoarea în Photoshop într-un format pe care îl puteți utiliza pe o pagină Web, există de fapt o metodă simplă de a afișa informațiile de culoare ca HTML.

Ghidul nostru de mai jos vă va arăta cum să utilizați Instrumentul Eyedropper în Photoshop pentru a copia o culoare ca HTML, astfel încât să o puteți lipi direct într-un element HTML.

Obțineți codul HTML pentru o culoare dintr-un fișier Photoshop

Pașii din acest articol vor presupune că aveți o culoare într-un fișier Photoshop și că doriți să obțineți codul HTML pentru acea culoare, astfel încât să o puteți utiliza pe o pagină Web. Vă vom arăta instrumentul și metoda de a obține aceste informații în Photoshop, apoi vă vom arăta rezultatul informațiilor copiate.

Pasul 1: Deschideți fișierul în Photoshop CS5.

Pasul 2: Faceți clic pe Instrument pentru pipetă în cutia de instrumente.

Pasul 3: Așezați vârful Instrument pentru pipetă pe culoarea pentru care aveți nevoie de codul HTML, apoi faceți clic dreapta pe ea și alegeți Copiați culoarea ca HTML opțiune.

Dacă apoi lipiți informațiile, acestea vor fi lipite în formatul prezentat în imaginea de mai jos.

Devine dificil să determinați ce strat din fișierul Photoshop conține ce obiecte? Acest articol – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – vă va arăta cum să redenumiți un strat și să îl faceți mai ușor de identificat.