Photoshopes est un outil très polyvalent, l'une des utilisations généralement données est de générer du contenu que nous utiliserons plus tard sur des pages Web, il est donc important de connaître certains détails techniques de ces contenus pour pouvoir transmettre ce que nous voyons dans Photoshop CS6 ou CC 217 en HTML.
L'une des choses que nous devons toujours savoir, ce sont les codes de couleur, car comme ce sont des formats numériques, uniquement avec un code hexadécimal, nous pouvons reproduire en HTML la couleur exacte que nous voyons dans notre projet CS6 ou CC2021-2022.
1. Comment connaître le code couleur avec les options du panneau dans Photoshop
L'un des moyens par lequel nous pouvons obtenir la couleur exacte est à travers le panneau d'information, ceci est réalisé en faisant simplement glisser le curseur et en le passant sur les zones que nous voulons identifier, cependant nous avons un petit problème, ce panneau est configuré pour afficher la couleur au format RVB et CMJN par défaut, nous devons donc faire une petite configuration pour obtenir les informations dont nous avons vraiment besoin
Étape 1
Pour ce faire, dans le panneau Informations, nous allons cliquer sur la petite flèche que nous voyons dans la partie supérieure droite de celui-ci, nous verrons là un nouveau menu dans lequel nous sélectionnerons l'option: Options du panneau.
NoterSi vous voulez voir cette fenêtre allez dans le menu Fenêtre - Informations.
Étape 2
À l'intérieur, nous pouvons sélectionner la couleur Web et RVB pour voir ces données de couleur ou une autre si nous avons besoin d'un autre codage.
Étape 3
Cela nous permettra de voir le code Hexadécimal de notre projet juste à côté de son code RVB, avec cela nous aurons les informations correspondantes :
2. Comment connaître le code couleur avec la fenêtre d'information dans Photoshop
À partir du même panneau que nous avons vu au point précédent, il existe un moyen rapide de pouvoir modifier les valeurs qu'il affiche de la couleur. Pour ce faire, il vous suffit de cliquer sur l'icône pipette et de sélectionner le code que vous souhaitez.
3. Comment connaître le code couleur avec Eyedropper dans Photoshop
Bien que le formulaire précédent soit correct et fonctionne, il est un peu étendu, nous verrons donc qu'en quelques secondes, nous pouvons l'avoir de toute façon.
Étape 1
Nous sélectionnons l'outil Pipette dans le panneau des outils et choisissons la couleur que nous voulons.
Étape 2
Nous allons dans la palette de couleurs et double-cliquons pour ouvrir le panneau.
Étape 3
Nous pouvons également accéder au sélecteur de couleurs à partir de la fenêtre Couleur en haut à droite en double-cliquant sur la couleur.
Étape 3
Comme nous le voyons dans ce panneau Color Picker, nous avons ci-dessous le code de couleur HTML en bas que nous pouvons facilement copier et coller.
Comme on peut le voir, nous avons trois manières différentes d'obtenir des informations, les deux dernières étant les plus directes, ce qui nous donne un peu plus d'agilité et de rapidité pour localiser les données dont nous avons besoin.
Avec cela nous terminons le tutoriel, nous sommes maintenant en mesure d'obtenir le code hexadécimal d'une couleur dans Photoshop CS6 ou CC2021-2022 et ainsi pouvoir l'utiliser dans nos projets web ou les partager afin qu'ils puissent être incorporés.
