Le sélecteur de couleurs est une fonctionnalité de votre éditeur qui vous permet de gérer les couleurs du texte, de l'arrière-plan, des superpositions, etc. Vous pouvez choisir une couleur dans la palette, saisir une valeur HEX ou RVB, ou même créer un dégradé personnalisé. La fonctionnalité Couleurs récentes vous permet de conserver une palette de couleurs cohérente et de préserver l'aspect professionnel de votre site.
Lorsque vous travaillez avec le sélecteur de couleurs, vous disposez des options suivantes :
Style de couleur
Avant de choisir la palette de couleurs, choisissez si vous souhaitez utiliser une seule couleur ou un dégradé.
Si vous utilisez l' option couleur unique, vous pouvez choisir une couleur dans l'onglet « Couleurs récentes » ou passer à « Choisir une autre couleur ».
L'option d'arrière-plan dégradé sera disponible pour les lignes, les colonnes, les widgets et les superpositions d'images. Pour appliquer un dégradé, suivez les étapes suivantes :
- Choisissez deux couleurs pour les points de dégradé. Vous pouvez inverser les couleurs pour ajuster le positionnement du point.
- Choisissez une direction de dégradé.
- L'option centrale générera un dégradé radial.
- Les options latérales créeront un dégradé linéaire.
Couleurs globales
Les couleurs globales vous permettent de définir une palette de couleurs et de lier chaque couleur à un ou plusieurs widgets grâce à des paramètres de couleur. La couleur de tout élément lié aux couleurs globales est automatiquement mise à jour lorsque la couleur liée est modifiée dans les paramètres de couleurs globales. Cela vous permet de modifier rapidement les couleurs, ce qui réduit le temps de conception et garantit l'homogénéité du style de votre site sur toutes les pages. Pour savoir comment configurer les couleurs globales, consultez la section Couleurs du thème.
Couleurs enregistrées
Enregistrez les couleurs fréquemment utilisées sur votre site en les ajoutant à la liste « Couleurs enregistrées » du sélecteur de couleurs. Pour ajouter une couleur aux couleurs enregistrées, cliquez sur l'onglet « Couleurs enregistrées » du sélecteur de couleurs, puis sur +. Pour supprimer une couleur de la liste, faites un clic droit dessus et sélectionnez Supprimer.
Note :
Vous pouvez enregistrer jusqu'à 48 couleurs et dégradés dans la liste des couleurs enregistrées.
Couleurs récentes
Lorsque vous choisissez une couleur, le menu des couleurs récentes affiche un échantillon des couleurs récemment utilisées sur votre site. Cela vous permet de sélectionner rapidement les couleurs déjà présentes sur votre site.
Choisissez une autre couleur
Sélectionnez la teinte d'une couleur à l'aide de la palette de couleurs à droite ou du panneau de couleurs. Vous pouvez également saisir la valeur HEX ou RVB de la couleur souhaitée dans la zone de texte sous le dégradé vertical.
Pour une correspondance parfaite avec une couleur de n'importe quel élément de votre site (images, textes, etc.), cliquez sur l'outil Pipette et sélectionnez la couleur de votre site. Plus besoin de chercher le nom ou la valeur exacte d'une couleur.
Opacité
Le curseur d'opacité détermine la transparence d'un élément. Gardez à l'esprit que lorsque vous réduisez l'opacité d'un élément, l'élément situé derrière (image ou couleur d'arrière-plan) se fond avec lui.
Vérificateur de contraste pour les couleurs du texte
Le vérificateur de contraste des couleurs de texte améliore l'accessibilité des sites en indiquant que le contraste entre le texte et l'arrière-plan est conforme à la norme AA ou AAA*. Ce vérificateur apparaît dans le sélecteur de couleurs lorsque celui-ci est utilisé pour le texte.
Voici les critères qui déterminent si la norme AA ou AAA est respectée :
*Dans les normes d’accessibilité, « AA » et « AAA » représentent différents niveaux d’exigences de contraste de couleur.
- Le niveau AA signifie que vos couleurs ont suffisamment de contraste pour être lisibles, mais peuvent toujours présenter des problèmes pour certains utilisateurs.
- Le niveau AAA signifie que vous disposez d'un contraste élevé qui devrait être lisible pour la grande majorité des utilisateurs.
Voici un exemple de vérificateur de couleur de contraste indiquant que le contraste du texte et de l'arrière-plan est conforme à la norme AAA :
Le vérificateur de contraste est désactivé dans les circonstances suivantes :
- Le texte sélectionné possède plusieurs couleurs. Par exemple, plusieurs mots du texte sont bleus et plusieurs autres roses.
- Le texte est sur un fond dégradé.
- Le texte est sur un fond d'image.
Considérations
Le dégradé n'est pas disponible pour les éléments de texte, vous ne le verrez donc pas dans un sélecteur de couleurs pour les éléments de texte dans l'éditeur de conception de widgets de l'onglet « Conception globale ».
Lorsque vous travaillez avec des arrière-plans, basculer entre « Couleur » et « Image » annule les paramètres de l'option précédente. Par exemple, si vous utilisiez une couleur et que vous avez modifié le paramètre sur « Image », tous les paramètres de couleur ou de dégradé seront supprimés.
Les dégradés remplacent l'arrière-plan des boutons individuels. Pour les rétablir, resélectionnez l'arrière-plan de chaque bouton.