Générateur d’assombrissement de couleur

Nuances pour les états et le texte

Une nuance composée de 10–20 % de noir à partir de la couleur d’un bouton est courante pour l’état au survol ou enfoncé : elle est assez sombre pour être remarquée sans sembler être une couleur différente. Des nuances plus fortes, avec 60–80 % de noir, transforment une couleur de marque en un ton profond pour les titres ou le texte, tout en restant dans la palette ; ce sont aussi les niveaux qui ont le plus de chances de respecter le contraste sur un arrière-plan blanc. Construisez chaque niveau à partir de la base d’origine afin de conserver une échelle régulière.

Quand les versions sombres deviennent boueuses

Le mélange avec du noir réduit chaque canal de manière égale. Il conserve donc la teinte, mais pas le nom que nous lui donnons. Le jaune sombre paraît olive, l’orange sombre brun et le rose sombre lie-de-vin, même si le calcul est parfaitement correct. Si une nuance semble sale, les designers décalent souvent légèrement la teinte, par exemple du jaune vers l’orange, avant de l’assombrir. Le mélangeur de couleurs permet d’assombrir vers un bleu marine profond ou un brun plutôt que vers du noir pur, pour un résultat plus riche.

Comment l'utiliser

1. Saisissez des valeurs #RGB ou #RRGGBB valides et le pourcentage demandé.
2. Exécutez l’opération de couleur fixe, localement dans votre navigateur.
3. Examinez 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 vérificateur 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 d’interface nécessitent encore un examen.