Photoshop et la conception Web vont souvent de pair, et l'un des éléments les plus importants de cette coexistence est la possibilité de représenter avec précision les couleurs entre les deux endroits. Mais vous pourriez découvrir que vous avez une couleur dans une image que vous aimeriez utiliser sur votre page Web. Qu'il s'agisse d'une couleur de police, d'une couleur d'arrière-plan ou d'un effet de survol, l'utilisation efficace de couleurs identiques ou complémentaires sur une page Web peut avoir un impact important. Bien qu'il puisse exister des moyens détournés de trouver la couleur dans Photoshop dans un format que vous pouvez utiliser sur une page Web, il existe en fait une méthode simple pour sortir les informations de couleur au format HTML.
Notre guide ci-dessous vous montrera comment utiliser l'outil Pipette dans Photoshop pour copier une couleur au format HTML afin que vous puissiez la coller directement dans un élément HTML.
Obtenir le code HTML d'une couleur à partir d'un fichier Photoshop
Les étapes décrites dans cet article supposent que vous avez une couleur dans un fichier Photoshop et que vous souhaitez obtenir le code HTML de cette couleur afin de pouvoir l'utiliser sur une page Web. Nous vous montrerons l'outil et la méthode pour acquérir ces informations dans Photoshop, puis nous vous montrerons la sortie des informations copiées.
Étape 1 : Ouvrez votre fichier dans Photoshop CS5.
Étape 2 : cliquez sur le Outil Pipette dans la boîte à outils.
Étape 3 : Placez la pointe du Outil Pipette sur la couleur pour laquelle vous avez besoin du code HTML, puis faites un clic droit dessus et choisissez le Copier la couleur au format HTML option.
Si vous collez ensuite les informations, elles seront collées dans le format indiqué dans l'image ci-dessous.
Est-ce qu'il devient difficile de déterminer quel calque de votre fichier Photoshop contient quels objets ? Cet article – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – vous montrera comment renommer un calque et le rendre plus facile à identifier.