Easy Power Platform

Harmoniseur de couleurs

Créez une palette harmonieuse de cinq couleurs à partir d’une couleur de base, avec codes HEX et formules Power Fx RGBA().

← Tous les outils

Créer une harmonie de couleurs

1. Couleur de base

Utiliser la roue

Angle : teinte ; distance au centre : saturation. Les repères 1 à 5 correspondent à la palette ; ils peuvent se superposer si seules les luminosités diffèrent. Chaque repère affiche sa couleur réelle ; le fond de la roue utilise la luminosité de base. Au clavier, utilisez les flèches gauche/droite pour la teinte, haut/bas pour la saturation. Le curseur ci-dessous ajuste la luminosité.

Sélecteur de couleur Code HEX

Luminosité

0 %

2. Harmonie souhaitée

Type d’harmonie Monochromatique Analogique Complémentaire Split-complémentaire Triadique Tétradique (rectangulaire) Carrée Rendu de la palette Géométrique — rendu original Palette pour interface — nuances atténuées Syntaxe Power Fx FR — RGBA(rouge; vert; bleu; 1) EN — RGBA(red, green, blue, 1)

Conseils et principes de cette harmonie

Le rendu géométrique conserve les nuances originales de l’outil.

La première couleur est toujours votre couleur de base. Les harmonies à une, deux, trois ou quatre teintes sont complétées par des nuances pour obtenir cinq couleurs. Le mode interface ajuste saturation et luminosité sans changer les angles de teinte.

La roue représente le modèle numérique HSL (rouge, vert, bleu), et non une roue de peinture RYB. Avec du noir, du blanc ou du gris, certaines couleurs peuvent être identiques.

Conseil : utilisez une couleur dominante (60 %), une secondaire (30 %) et une couleur d’accent (10 %). Vérifiez les contrastes avant d’utiliser la palette dans une interface.

Ces proportions sont des repères de surface, pas une répartition obligatoire des cinq couleurs. Une harmonie ne garantit ni le contraste entre ses couleurs, ni leur distinction dans un graphique. Les états succès, avertissement et erreur doivent rester compréhensibles, avec un libellé ou une icône en plus de la couleur.

3. Votre palette

Comprendre les scores de contraste

Texte conseillé : noir ou blanc, selon le meilleur ratio de contraste WCAG 2.1 sur chaque fond opaque. Pour du texte courant : AA à partir de 4,5:1, AAA à partir de 7:1. Le niveau est calculé sur le ratio exact, avant arrondi.

Capsules : AAA vert, AA bleu, A orange (3:1 à moins de 4,5:1), insuffisant rouge (moins de 3:1). « A » est un repère interne, pas un niveau de contraste WCAG : il correspond uniquement au seuil AA pour le grand texte (18 pt, ou 14 pt en gras). Le noir ou blanc conseillé garantit au moins AA pour le texte courant : ses capsules sont donc bleues ou vertes.

Les couleurs sont calculées dans votre navigateur, sans envoi à un service externe. Sources : les harmonies de couleurs selon HueBox et l’harmonie des couleurs en UI selon ColorPaletteFinder. La roue HSL, les angles choisis pour les harmonies analogique, split et tétradique, ainsi que les cinq nuances et leurs réglages, sont des choix propres à cet outil ; les exemples HEX des articles ne sont pas reproduits comme des rotations exactes.