Choisir la bonne couleur est essentiel pour assurer la cohérence de votre design. Dans GemPages, Sélecteur de couleur Cet outil vous permet de sélectionner des couleurs depuis n'importe quel endroit de votre écran, même depuis d'autres fenêtres ouvertes sur le même moniteur.
Cette fonctionnalité est similaire aux outils présents dans les logiciels de conception comme Figma, facilitant ainsi l'harmonisation des couleurs entre différents éléments, images ou supports de marque.
Quand faut-il utiliser le sélecteur de couleurs ?
Le sélecteur de couleurs est particulièrement utile lorsque :
- Vous souhaitez faire correspondre les couleurs des images
- Vous devez utiliser les couleurs de la marque issues du logo.
- Vous souhaitez des couleurs uniformes sur toute votre page.
- Vous copiez des couleurs depuis un autre site web ou un fichier de conception.
- Vous souhaitez éviter de saisir manuellement les codes couleur
Par exemple, si vous souhaitez que le texte de votre titre corresponde à la couleur d'une image de logo, vous pouvez simplement choisir directement la couleur au lieu de deviner le code hexadécimal.
Comment utiliser le sélecteur de couleurs
Dans cet exemple, nous allons changer la couleur d'un Élément d'en-tête en utilisant le sélecteur de couleurs.
Étape 1 : Sélectionnez l’élément dont vous souhaitez changer la couleur
Depuis la zone de travail de l'éditeur :
- Cliquez sur le Élément d'en-tête vous souhaitez mettre à jour
- Assurez-vous que l'élément correct est sélectionné.
Une fois sélectionné, les paramètres de l'élément apparaîtront dans le panneau de gauche.
Étape 2 : Ouvrez les paramètres de couleur et sélectionnez l’icône Sélecteur de couleurs
Dans les paramètres de l'élément :
- Découvrez Couleur option
- Cliquez pour ouvrir les paramètres de couleur
- Cliquez sur Icône du sélecteur de couleurs
Après avoir cliqué sur l'icône, votre curseur se transformera en outil de sélection de couleur.
Étape 3 : Choisissez une couleur n’importe où sur votre écran.
Déplacez votre curseur sur n'importe quelle zone visible de votre écran.
Vous pouvez choisir des couleurs parmi :
- Images à l'intérieur de votre page
- Logos
- Autres onglets du navigateur
- Fichiers de conception
- Toute fenêtre ouverte sur le même écran
Cliquez sur la couleur que vous souhaitez utiliser.
La couleur sélectionnée sera immédiatement appliquée à votre élément.
Après avoir sélectionné la couleur :
- La nouvelle couleur sera appliquée automatiquement.
- Aucune étape supplémentaire n'est requise
Vous pouvez continuer à modifier les éléments ou répéter le processus pour d'autres éléments.
Merci pour vos commentaires