Éclaircir ou assombrir une couleur
Choisissez une couleur de départ, puis réglez directement sa composante de luminosité HSL avec le curseur (une valeur de 0 à 100, pas un pourcentage relatif) pour l'éclaircir ou l'assombrir. Traitement 100% local dans votre navigateur — rien n'est envoyé à un serveur.
Comment ça marche
Contrairement à un simple mélange avec du blanc ou du noir, régler la luminosité (L) du modèle HSL conserve exactement la teinte (H) et la saturation (S) d'origine : la couleur garde son identité chromatique tout au long du curseur, du noir absolu (L=0) jusqu'au blanc absolu (L=100), en passant par la teinte pure au milieu (L=50). C'est la méthode utilisée par la plupart des sélecteurs de couleur professionnels pour générer des nuances cohérentes d'une même teinte.
Pourquoi ce curseur n'affiche-t-il pas un pourcentage d'éclaircissement ?
Un pourcentage relatif ("+20% de luminosité") dépend de la valeur de départ et devient vite ambigu près des extrêmes. Ici, le curseur fixe directement la valeur absolue de L dans l'espace HSL (0 à 100), ce qui donne un résultat prévisible et reproductible quelle que soit la couleur choisie au départ.
La teinte (H) et la saturation (S) changent-elles aussi ?
Non, seule la luminosité est modifiée. Si vous souhaitez une couleur plus ou moins vive, changez la couleur de départ via le sélecteur, qui redéfinit teinte et saturation avant que vous n'ajustiez la luminosité.
Aucune donnée ne quitte votre appareil : le calcul HSL s'exécute entièrement en JavaScript dans votre navigateur.