Come copiare un colore come HTML in Photoshop CS5

Photoshop e Web design spesso vanno di pari passo e uno degli elementi più importanti di questa convivenza è la capacità di rappresentare accuratamente i colori tra i due luoghi. Ma potresti scoprire di avere un colore in un'immagine che vorresti usare nella tua pagina web. Che si tratti di un colore del carattere, di un colore di sfondo o di un effetto al passaggio del mouse, l'utilizzo efficace di colori uguali o complementari su una pagina Web può avere un grande impatto. Sebbene ci possano essere alcuni modi indiretti per trovare il colore in Photoshop in un formato che è possibile utilizzare su una pagina Web, in realtà esiste un metodo semplice per l'output delle informazioni sul colore come HTML.

La nostra guida di seguito ti mostrerà come utilizzare lo strumento Contagocce in Photoshop per copiare un colore come HTML in modo da poterlo incollare direttamente in un elemento HTML.

Ottieni il codice HTML per un colore da un file Photoshop

I passaggi in questo articolo presumeranno che tu abbia un colore in un file Photoshop e che desideri ottenere il codice HTML per quel colore in modo da poterlo utilizzare su una pagina Web. Ti mostreremo lo strumento e il metodo per acquisire queste informazioni in Photoshop, quindi ti mostreremo l'output delle informazioni copiate.

Passaggio 1: apri il file in Photoshop CS5.

Passaggio 2: fare clic su Strumento contagocce nella cassetta degli attrezzi.

Passaggio 3: posizionare la punta del Strumento contagocce sul colore per il quale hai bisogno del codice HTML, quindi fai clic destro su di esso e scegli il Copia colore come HTML opzione.

Se poi incolli le informazioni, verranno incollate nel formato mostrato nell'immagine qui sotto.

Sta diventando difficile determinare quale livello nel file Photoshop contiene quali oggetti? Questo articolo – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – ti mostrerà come rinominare un livello e renderlo più facile da identificare.