Outil en ligne de réglage HSL d'image

Fonctionnalités et exemple concret

Cet outil applique trois opérations globales à l'image entière : rotation de teinte, saturation et luminosité (au sens CSS brightness, pas la luminosité HSL). L'ordre d'application est : hue-rotate(angle), saturate(pourcentage), puis brightness(pourcentage).

Exemple de réglage

Si vous entrez teinte = 45, saturation = 150 et luminosité = 80, le filtre appliqué sera : hue-rotate(45deg) saturate(150%) brightness(80%). Si vous entrez des valeurs hors limites comme teinte = 500, saturation = -20 et luminosité = 250, elles seront plafonnées à 360, 0 et 200 respectivement.

Limites à connaître

• Il n'y a pas de courbe par canal, d'histogramme, de masque, de balance des blancs automatique ni de flux RAW/ICC.
• Une saturation ou une luminosité élevée peut écrêter les détails de couleur ; conservez l'original.
• Le traitement est local au navigateur ; les dimensions de sortie restent inchangées.
• Il n'y a pas d'aperçu automatique en direct : cliquez sur Générer après chaque modification.

Questions fréquentes

Pourquoi mon image devient-elle entièrement noire avec une luminosité de 0 ?

Avec une luminosité de 0, le filtre CSS brightness(0%) produit du noir RGB tout en conservant la géométrie de l'image. C'est le comportement attendu.

Puis-je régler la luminosité comme dans un logiciel de retouche photo classique ?

Non, le troisième paramètre est la luminosité CSS (brightness), pas la luminosité HSL. Cela agit comme un multiplicateur global de la luminosité, ce qui peut écrêter les hautes lumières.

Comment obtenir un effet noir et blanc ?

Réglez la saturation à 0 % et laissez la teinte et la luminosité à leurs valeurs par défaut (0 et 100). Le filtre appliqué sera hue-rotate(0deg) saturate(0%) brightness(100%), produisant une image en niveaux de gris.