Générateur de palette de couleurs

Tous les outils

Composez des palettes de couleurs harmonieuses à partir d'une roue chromatique interactive — appliquez des règles d'harmonie comme analogue, complémentaire ou triade, puis copiez n'importe quelle valeur instantanément.

Luminosité 100%
Règle d'harmonie
Couleur active
HEX
RGB
HSL
Palette

Choisissez une règle d'harmonie et une couleur de base, puis déplacez les marqueurs de la roue pour ajuster. Cliquez sur une pastille pour la copier, ou définissez-la comme nouvelle couleur de base.

À propos de Générateur de palette de couleurs

Le Générateur de palettes de couleurs construit des harmonies chromatiques à partir d'une roue chromatique interactive. Choisissez une couleur de base, sélectionnez une règle d'harmonie — analogue, monochromatique, triadique, complémentaire, complémentaire divisée, carrée, nuancée ou entièrement personnalisée — et l'outil calcule instantanément une palette correspondante, avec des marqueurs déplaçables sur la roue pour un réglage fin.

Chaque nuance affiche ses valeurs HEX, RGB, HSL et HSB, et n'importe quelle couleur de la palette peut devenir la nouvelle base en un clic. Un curseur de luminosité éclaircit ou assombrit l'ensemble du schéma tout en conservant les relations de teinte, ce qui rend l'exploration de variantes très rapide.

Tout est calculé en direct dans votre navigateur grâce aux mathématiques de la théorie des couleurs sur la roue HSV — sans import ni allers-retours serveur. Quand la palette vous convient, copiez chaque valeur, toutes les couleurs à la fois, des variables CSS prêtes à l'emploi ou un export JSON.

Comment utiliser Générateur de palette de couleurs

  1. Choisissez une couleur de base avec le sélecteur, saisissez une valeur, ou cliquez sur « Aléatoire ».
  2. Choisissez une règle d'harmonie telle qu'analogue, complémentaire, triadique ou carrée.
  3. Déplacez les marqueurs sur la roue et ajustez le curseur de luminosité pour affiner le schéma.
  4. Cliquez sur une nuance pour la copier, ou définissez-la comme nouvelle couleur de base pour itérer.
  5. Exportez la palette avec « Tout copier », « Copier les variables CSS » ou « Copier le JSON ».

Questions fréquentes

Oui, il est entièrement gratuit. Les calculs de palette s'exécutent entièrement dans votre navigateur, il n'y a donc ni crédits, ni compte, ni limite d'utilisation.

Chaque règle place les autres couleurs de la palette à des angles fixes sur la roue chromatique par rapport à votre base : la complémentaire se situe à l'opposé (180°), la triadique espace les couleurs de 120°, l'analogue garde les voisines rapprochées, la complémentaire divisée encadre la teinte opposée, et la carrée espace quatre teintes de 90°.

Les schémas analogues ou monochromatiques sont les plus sûrs pour les interfaces car ils paraissent calmes et cohérents. Utilisez le complémentaire ou le complémentaire divisé lorsque vous avez besoin d'une couleur d'accentuation forte pour les boutons et les appels à l'action face à une teinte de base dominante.

Oui. Passez à la règle Personnalisée et déplacez chaque marqueur indépendamment sur la roue, ou partez d'une règle d'harmonie puis déplacez les marqueurs pour ajuster — l'outil actualise la palette à mesure que vous les bougez.

Chaque nuance affiche des valeurs HEX, RGB, HSL et HSB, toutes copiables individuellement. Vous pouvez aussi copier la palette complète sous forme de valeurs brutes, de propriétés personnalisées CSS prêtes pour une feuille de style, ou en JSON à transmettre à du code ou des outils de design.
Partager
Outils similaires
Mélangeur de couleurs Fondez une couleur de départ vers une couleur d'arrivée sur jusqu'à 10 étapes — prévisualisez le dégradé, récupérez chaque nuance et copiez n'importe quel format instantanément. Gratuit
Générateur de nuances de couleur Générez une gamme complète de teintes claires et foncées à partir d'une seule couleur — choisissez votre pas d'éclaircissement/assombrissement et le nombre de nuances, puis copiez n'importe quelle valeur instantanément. Gratuit
Générateur de dégradé Composez des dégradés CSS linéaires, radiaux et coniques de A à Z, avec gestion multi-points déplaçables et préréglages soignés. Copiez le CSS prêt à coller instantanément. Gratuit
Extracteur de couleurs d'image Extrayez une palette de couleurs raffinée et prête à copier depuis n’importe quelle image. Gratuit
Palette de couleurs web-safe Parcourez les 216 couleurs web-safe classiques sous forme de grille d'échantillons cliquables — triez par teinte ou par ordre du cube, filtrez par hex, et copiez n'importe quelle valeur HEX ou rgb() instantanément. Gratuit
Association de polices et annuaire Google Fonts Parcourez un annuaire soigné de polices Google Fonts populaires avec des aperçus en direct, filtrez par catégorie et cherchez par nom, puis copiez du CSS prêt à coller et explorez des associations de polices suggérées — le tout dans votre navigateur. Gratuit
Recherches populaires
générateur de palette de couleurs roue chromatique générateur d'harmonie des couleurs couleurs complémentaires palette de couleurs analogues générateur de palette gratuit
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.