Générateur de schéma de couleurs (Complémentaire / Triadique / Analogique)

Générateur de palettes de couleurs

Générez des palettes de couleurs harmonieuses en utilisant la théorie des couleurs. Choisissez une couleur de base et un type d'harmonie — complémentaire, triadique, analogue, complémentaire partagée, tétradique ou monochromatique — pour créer instantanément une palette équilibrée. Les échantillons visuels affichent les valeurs hexadécimales, RVB et HSL. La vérification du contraste WCAG garantit l'accessibilité. Exportez en tant que propriétés personnalisées CSS, JSON, configuration Tailwind ou variables SCSS.

Comment utiliser

Entrez une couleur de base à l'aide du sélecteur de couleurs, de l'entrée hexadécimale, des curseurs RVB ou des valeurs HSL — toutes les entrées se synchronisent automatiquement. Sélectionnez un type d'harmonie pour générer une palette de 3 à 6 couleurs basée sur les mathématiques de la théorie des couleurs. Chaque couleur s'affiche sous forme d'échantillon visuel avec les valeurs hexadécimales, RVB et HSL, ainsi qu'un bouton de copie. Vérifiez les rapports de contraste WCAG par rapport au texte blanc et noir. Exportez toute la palette dans votre format préféré.

Caractéristiques

• 6 Types d'harmonie — Complémentaire (180°), Triadique (120°), Analogue (30°), Complémentaire partagée (150°/210°), Tétradique/Carré (90°) et Monochromatique (variations de saturation/luminosité).
• Entrées de couleur multiples — Sélecteur de couleurs natif, hexadécimal (RRGGBB), curseurs RVB et curseurs HSL se synchronisent en temps réel. Modifiez n'importe quelle entrée et toutes les autres se mettent à jour instantanément.
• Affichage visuel de la palette — Grands échantillons de couleurs avec les valeurs hexadécimales, RVB et HSL pour chaque couleur. Copie en un clic sur n'importe quelle valeur.
• Vérification du contraste WCAG — Chaque couleur de la palette affiche le rapport de contraste par rapport au texte blanc et noir avec des badges de réussite/échec AA/AAA. Garantit que vos choix de couleurs respectent les normes d'accessibilité.
• 4 Formats d'exportation — Propriétés personnalisées CSS (variables :root), objet JSON, couleurs de configuration Tailwind et variables SCSS. Copiez l'intégralité du bloc d'exportation en un clic.
• Mises à jour en temps réel — La palette se régénère instantanément à chaque changement d'entrée. Aucun bouton de génération n'est nécessaire.
• Calculs basés sur HSL — Tous les types d'harmonie utilisent une rotation de teinte HSL mathématiquement correcte, produisant des résultats précis selon la théorie des couleurs.

Types d'harmonie des couleurs

Complémentaire : Deux couleurs opposées sur la roue chromatique (à 180°). Contraste élevé, vibrant. Idéal pour : les éléments d'appel à l'action, les designs audacieux.
Triadique : Trois couleurs équidistantes (à 120°). Équilibré, coloré. Idéal pour : les illustrations, les designs ludiques.
Analogue : Couleurs adjacentes sur la roue (à 30°). Harmonieux, serein. Idéal pour : les thèmes nature, les dégradés, les designs cohérents.
Complémentaire partagée : Couleur de base + deux couleurs adjacentes à son complémentaire (150°/210°). Contraste fort avec moins de tension. Idéal pour : les débutants, les palettes polyvalentes.
Tétradique/Carré : Quatre couleurs à intervalles de 90°. Riche, diversifié. Idéal pour : les designs complexes avec de nombreux éléments.
Monochromatique : Teinte unique avec des variations de saturation et de luminosité. Élégant, unifié. Idéal pour : les designs minimalistes, les thèmes de marque unique.