Générateur de couleurs analogues

Donner du contraste aux couleurs voisines

Les couleurs analogues sont proches sur la roue et partagent la saturation et la luminosité de la base. Elles se fondent donc harmonieusement et conviennent aux dégradés, aux arrière-plans et aux illustrations. Cette proximité signifie aussi qu’elles ne permettent pas de distinguer le texte de son arrière-plan ni d’indiquer ce qui est cliquable. Faites varier la luminosité d’une couleur pour le texte et les surfaces, et ajoutez une touche contrastante, par exemple l’opposée de la base obtenue avec le générateur de couleurs complémentaires, pour les boutons et les mises en évidence.

Trente degrés ne représentent pas toujours le même écart

HSL répartit les teintes de manière inégale pour l’œil. Entre le rouge à 0°, l’orange à 30° et le jaune à 60°, chaque écart de 30° mène à une couleur portant un nom différent, tandis que la plage d’environ 90° à 150° ne comprend que des verts. Un ensemble analogue fondé sur un vert peut donc sembler presque identique. Une base rouge se prolonge également de l’autre côté de la roue, avec un rose proche de 330° d’un côté et de l’orange de l’autre.

Comment l'utiliser

1. Saisissez des valeurs #RGB ou #RRGGBB valides et tout pourcentage demandé.
2. Exécutez l’opération colorimétrique fixe, localement dans votre navigateur.
3. Vérifiez les échantillons et copiez le résultat ou les valeurs de la palette.

Confidentialité et limitations

Les valeurs de couleur restent sur cet appareil. Le résultat de contraste est un contrôle mathématique, pas une garantie générale de conformité WCAG ; le contexte, le rendu des polices, le contraste des éléments non textuels et les états de l’interface doivent encore être revus.