Explorateur d'harmonies colorées

• Roue chromatique interactive : l'explorateur affiche une roue chromatique vivante sur laquelle vous pouvez cliquer pour choisir n'importe quelle teinte. Les points d'harmonie se mettent à jour instantanément lorsque vous vous déplacez sur la roue, montrant exactement où tombe chaque couleur de l'harmonie.
• Calcul instantané des harmonies : les sept types d'harmonie - complémentaire, complémentaire divisée, analogue, triadique, tétradique, complémentaire divisée double et monochromatique - se mettent à jour en temps réel lorsque vous changez la couleur de base.
• Traitement sûr et privé : vos données de couleur ne quittent jamais votre appareil. L'explorateur s'exécute entièrement dans votre navigateur avec un rendu basé sur canvas, aucune donnée n'est téléversée.
• 100 % gratuit pour toujours : utilisez cet explorateur sans inscription, abonnement, limite de débit ou paywall caché. Explorez autant de combinaisons de couleurs que nécessaire, entièrement gratuitement.

Un explorateur d'harmonies colorées est un outil qui visualise les relations mathématiques entre les couleurs sur la roue chromatique. La théorie des harmonies colorées définit des relations angulaires précises entre les teintes qui produisent des combinaisons visuellement plaisantes - par exemple, des couleurs séparées de 180° (complémentaires) créent un fort contraste, tandis que des couleurs séparées de 30° (analogues) créent des transitions douces et naturelles. Cet explorateur affiche une roue chromatique interactive, calcule les sept types d'harmonie majeurs à partir de votre couleur de base et exporte les résultats en variables CSS - le tout exécuté localement dans votre navigateur.

1. Saisissez ou choisissez une couleur de base : tapez un code couleur HEX dans le champ, ou cliquez n'importe où sur la roue chromatique pour choisir une teinte. Les points d'harmonie se mettent à jour instantanément sur la roue.
2. Sélectionnez un type d'harmonie : cliquez sur l'une des sept cartes d'harmonie pour voir ses couleurs mises en évidence sur la roue et affichées en pastilles individuelles avec les valeurs HEX et HSL.
3. Copiez ou exportez la palette : cliquez sur une pastille pour copier sa valeur HEX, utilisez Copier HEX pour copier toutes les couleurs d'un coup, ou utilisez l'export de variables CSS pour copier un bloc de propriétés personnalisées CSS prêt à l'emploi.

• Complémentaire : deux couleurs directement opposées sur la roue (à 180°). Crée un contraste et une tension visuelle maximaux - idéal pour les boutons d'appel à l'action et les designs à fort impact.
• Complémentaire divisée : la couleur de base plus deux couleurs adjacentes à sa complémentaire (±30° par rapport à la complémentaire). Moins de tension que la complémentaire mais toujours un fort contraste - un choix plus sûr pour la plupart des designs.
• Analogue : cinq couleurs adjacentes sur la roue (±30° et ±60°). Harmonieux et naturel - fréquent dans la nature et utilisé pour des designs calmes et cohérents.
• Triadique : trois couleurs régulièrement espacées d'intervalles de 120°. Vif et équilibré - apporte un fort contraste visuel tout en maintenant l'harmonie.

L'explorateur d'harmonies colorées calcule les relations d'harmonie uniquement sur l'angle de teinte, en conservant la saturation et la luminosité de votre couleur de base sur toutes les couleurs de l'harmonie. En pratique, vous voudrez peut-être ajuster la saturation et la luminosité de chaque couleur d'harmonie selon le contexte de votre design. L'export de variables CSS utilise des noms génériques (--color-1, --color-2…) - renommez-les selon les conventions de votre système de design avant de les utiliser en production.