Choisir une couleur

Teinte

Couleur HEX

Harmonie des couleurs

Variations de couleur

Teintes claires

Teintes sombres

Tons

Fonction de cet outil

Le sélecteur de couleurs permet de choisir une couleur avec le contrôle natif ou une valeur HEX et d'afficher ses équivalents RGB et HSL.

À partir de la couleur choisie, il calcule des harmonies ainsi que des variations plus claires, plus sombres et plus neutres.

Comment l’utiliser

Choisissez une couleur avec le contrôle prévu à cet effet ou saisissez une valeur HEX complète.
Sélectionnez un type d'harmonie pour afficher des couleurs associées issues du même calcul HSL.
Cliquez sur une valeur dans une palette pour la copier dans le presse-papiers.

Utilisations pratiques

Documenter une couleur de base d'un design avec ses valeurs HEX, RGB et HSL.
Choisir une première couleur d'accent ou d'accompagnement pour une interface à partir d'une harmonie complémentaire ou triadique.
Préparer des valeurs plus claires et plus sombres pour des arrière-plans, bordures ou éléments mis en avant.

Notes et limites

L'aperçu utilise les valeurs de couleur ordinaires du navigateur et ne tient pas compte des profils propres à un écran, à l'impression ou à l'ICC.
Les palettes calculées ne vérifient ni le contraste ni l'accessibilité. Contrôlez séparément les associations importantes de texte et d'arrière-plan.

Questions fréquentes

Les palettes proposées sont-elles automatiquement accessibles ?

Non. Les harmonies et variations sont calculées à partir des valeurs de couleur. Vérifiez le contraste réel de chaque association de texte et d'arrière-plan prévue.