floobits.com
floobits.com
🌐 Web et technique
Partez d'une couleur et obtenez ses harmonies sur le cercle chromatique, sous forme de pastilles cliquables dont le code est copié.
Par Jimenez Julien, éditeur de Floobits.com · mis à jour le
Sur le cercle chromatique, la couleur complémentaire se trouve à l'opposé de la couleur de départ, à 180 degrés. Placées côte à côte, deux couleurs complémentaires se renforcent mutuellement et produisent le contraste le plus fort. Les couleurs analogues, voisines de 30 degrés, créent au contraire des palettes douces et cohérentes. La triade associe trois couleurs espacées de 120 degrés, la variante split-complémentaire reprend la couleur de base avec les deux voisines de sa complémentaire, et les tétrades combinent quatre teintes.
L'outil calcule ces harmonies par rotation de la teinte dans l'espace HSL, en conservant la saturation et la luminosité. Chaque résultat est une pastille cliquable qui copie son code hexadécimal, avec un bouton pour copier la palette entière. En design d'interface, on utilise généralement une couleur dominante, une secondaire et une couleur d'accent, en vérifiant leur contraste pour la lisibilité.
Sur ce cercle de la synthèse additive utilisée par les écrans, c'est le cyan (#00ffff). Dans le cercle traditionnel des peintres, on cite plutôt le vert, d'où la différence possible avec d'autres sources.
Choisissez une couleur dominante pour environ 60 % de la surface, une seconde pour 30 % et réservez la complémentaire vive aux accents (10 %), comme les boutons d'action.
Non. Deux couleurs harmonieuses peuvent avoir une luminosité proche et rester peu lisibles ensemble. Vérifiez le rapport de contraste avant de les utiliser pour du texte.