Générateur de palettes – Palettes harmonieuses
Choisissez une harmonie, déplacez ses points liés sur le cercle chromatique interactif et réglez la luminosité pour créer une palette équilibrée.
Essayer un exemple
Cercle chromatique interactif
Faites glisser un point pour faire pivoter l’harmonie. Rapprochez-le du centre pour réduire la saturation.
Base
#3B82F6Complément
#EEAD44Base · Variante 1
#AAC0E3Complément · Variante 1
#E0CDADBase · Variante 2
#255BB1Plus d'outils
Picker
Pipette de Couleurs
Téléchargez une image et cliquez pour extraire les codes couleur HEX, RGB et HSL.
Convertisseur
Convertisseur de Couleurs
Convertissez les couleurs entre HEX, RGB et HSL instantanément.
Checker
Vérificateur de Contraste
Vérifiez les ratios de contraste des couleurs selon les normes WCAG AA et AAA.
Extracteur
Extracteur de palette d’image
Repérez les couleurs dominantes d’une image et copiez la palette en HEX, RGB ou variables CSS.
Créez des palettes harmonieuses en un instant
Choisir des couleurs qui s'accordent bien ensemble est l'un des défis les plus courants en design. Les règles d'harmonie des couleurs, basées sur les relations entre les teintes sur la roue chromatique, offrent une base fiable pour construire des palettes équilibrées.
Ce générateur de palettes prend n'importe quelle couleur de base et applique les règles d'harmonie standard pour produire un ensemble de couleurs harmonieuses. Saisissez une couleur en HEX, RGB ou HSL et changez de type d'harmonie pour explorer différentes combinaisons.
Types d'harmonie expliqués
- Complémentaire — deux couleurs opposées sur la roue chromatique (à 180°). Fort contraste, combinaisons audacieuses.
- Analogue — trois couleurs adjacentes sur la roue (à 30°). Naturellement harmonieuses et peu contrastées.
- Triadique — trois couleurs espacées régulièrement sur la roue (à 120°). Vibrant et équilibré.
- Complémentaire divisée — une couleur de base plus deux couleurs adjacentes à son complémentaire (150° et 210°). Plus doux que le complémentaire pur.
- Tétradique (carré) — quatre couleurs espacées régulièrement sur la roue (à 90°). Palettes riches et complexes.
Comment utiliser le générateur de palettes
- Saisissez une couleur de base — entrez une valeur HEX, RGB ou HSL, ou utilisez le sélecteur de couleur
- Choisissez un type d'harmonie dans le sélecteur
- Faites glisser un point lié sur le cercle chromatique pour modifier la teinte et la saturation, puis réglez la luminosité
- Consultez la palette générée affichée en échantillons de couleurs
- Copiez les valeurs HEX ou RGB de chaque échantillon en un clic
- Changez de type d'harmonie pour comparer différentes palettes
Quand utiliser un générateur de palettes
- Pour démarrer un nouveau projet de design avec une palette équilibrée
- Pour construire une identité de marque autour d'une couleur principale
- Pour créer des thèmes d'interface avec des couleurs d'accent harmonieuses
- Pour explorer les relations de couleurs en illustration ou en art
- Pour générer rapidement des palettes pour présentations ou prototypes
Harmonie principale et variantes complémentaires
Chaque harmonie produit cinq échantillons. Le mode complémentaire comporte deux couleurs principales, les modes analogue, triadique et complémentaire divisée en comportent trois, et le mode tétradique quatre ; les autres sont des variantes de soutien ajustées en saturation ou en luminosité.
Créer cinq couleurs à partir d’une couleur de base
La couleur de base identifiée est conservée pendant que le cercle calcule l’harmonie et ses variantes. Pour les couleurs dominantes d’une image entière, utilisez l’Extracteur de palette d’image ; pour un pixel précis, utilisez la Pipette couleur.
Utiliser HEX, RGB, HSL et OKLCH
Le champ accepte les formats HEX, RGB, HSL et OKLCH. Copiez un échantillon en HEX ou RGB, ou les cinq couleurs avec « Copier la palette » sous forme de codes HEX majuscules séparés par des virgules.
Rapide, gratuit et privé
Tous les calculs restent dans votre navigateur. Aucun compte, téléversement, stockage ni traitement serveur n’est utilisé ; le cercle fonctionne à la souris, au toucher et au clavier.
Le cercle illustre une relation chromatique théorique, sans garantir la lisibilité. Utilisez le Vérificateur de contraste pour mesurer le contraste WCAG et le Convertisseur de couleurs pour changer de format.
Questions fréquentes
- Qu'est-ce qu'une harmonie de couleurs ?
- L'harmonie des couleurs désigne des combinaisons visuellement agréables. Ces combinaisons reposent sur les relations géométriques entre les teintes sur la roue chromatique — par exemple, des couleurs opposées (complémentaires) ou espacées régulièrement (triadiques).
- Quel type d'harmonie choisir ?
- Cela dépend de votre objectif de design. Le complémentaire crée un fort contraste et un impact visuel. L'analogue est calme et cohérent. Le triadique est vibrant et équilibré. Le complémentaire divisé offre du contraste avec moins de tension. Le tétradique donne des palettes riches et complexes, idéales pour les designs avec de nombreux éléments.
- Quels formats de couleur puis-je saisir ?
- Vous pouvez saisir une couleur en HEX, RGB, HSL ou OKLCH ; le format est détecté automatiquement.
- Comment les couleurs de la palette sont-elles calculées ?
- La couleur de base est convertie en HSL et placée aux angles exacts de l'harmonie choisie. Chaque relation est développée en cinq nuances pratiques grâce à des variations équilibrées de saturation et de luminosité. Le cercle chromatique affiche chaque nuance : déplacer un point fait tourner toute l'harmonie, tandis que le curseur de luminosité actualise la palette.
- Puis-je copier les couleurs générées ?
- Oui. Copiez chaque couleur en HEX ou RGB, ou toute la palette sous forme de cinq codes HEX majuscules séparés par des virgules.
- Cet outil fonctionne-t-il sur mobile ?
- Oui. Le cercle adaptatif fonctionne au toucher sur mobile et à la souris ou au clavier sur ordinateur.
- Cet outil est-il gratuit ?
- Oui. ColourPicker.app est entièrement gratuit, sans inscription.
- Puis-je enregistrer mes palettes générées ?
- L'outil ne sauvegarde pas les palettes entre les sessions. Vous pouvez copier les valeurs de couleurs individuelles et les enregistrer dans vos fichiers de projet ou votre outil de design.
- Que montre un cercle chromatique ?
- Il place les teintes autour d’un cercle : l’angle représente la teinte, la distance au centre la saturation et le curseur séparé la luminosité.
- Pourquoi chaque palette contient-elle cinq couleurs ?
- Cinq échantillons forment un ensemble constant de deux à quatre couleurs principales complété par des variantes de soutien.
- Que sont les couleurs principales et les variantes complémentaires ?
- Les couleurs principales définissent la géométrie choisie ; les variantes reprennent ces teintes avec une saturation ou une luminosité ajustée.
- Une harmonie garantit-elle un contraste suffisant ?
- Non. L’harmonie décrit les rapports entre teintes ; mesurez séparément le contraste WCAG des couleurs de premier plan et d’arrière-plan.