Schéma de Couleurs Analogues

Un schéma de couleurs analogue utilise des couleurs qui sont côte à côte sur la roue chromatique, généralement dans une plage de 30 à 60 degrés d'une teinte de base. Comme les teintes sont proches les unes des autres, ces palettes semblent harmonieuses et cohérentes plutôt que très contrastées.

Votre couleur de base est convertie en HSL, puis de nouvelles couleurs sont générées en décalant la teinte vers le haut et vers le bas du pas d'angle que vous choisissez, tout en gardant la même saturation et luminosité que la couleur de base, donc chaque couleur de la palette semble faire partie de la même famille.

30 degrés est le choix traditionnel pour les schémas analogues et fonctionne bien pour la plupart des designs. Utilisez 15 degrés pour une palette plus subtile et resserrée, ou 45 degrés pour une répartition plus large qui commence à introduire plus de contraste.

Oui, utilisez « Copier en variables CSS » pour copier un bloc :root prêt à coller avec chaque couleur comme propriété personnalisée, ou « Copier en liste HEX » pour copier juste les codes hex, un par ligne.

Les schémas complémentaires associent une couleur à son opposé sur la roue (180 degrés d'écart) pour un fort contraste, et les schémas triadiques utilisent trois couleurs uniformément espacées de 120 degrés. Les schémas analogues gardent au contraire toutes les couleurs proches, favorisant l'harmonie plutôt que le contraste.