Qu’est-ce qu’un décalage de teinte ?

La teinte correspond à la position d’une couleur sur le cercle chromatique : rouge, puis orange, jaune, vert, cyan, bleu, magenta, et de nouveau rouge. Un décalage de teinte fait tourner toutes les couleurs du même angle sur le cercle. À 120°, le rouge devient vert, le vert devient bleu et le bleu devient rouge. À 180°, chaque couleur devient son opposée. Le gris, le noir et le blanc n’ont pas de teinte : ils restent donc inchangés.

Description de l’outil

Ouvrez une image et faites glisser le curseur de décalage de teinte, ou saisissez un angle en degrés. Les angles positifs font tourner les couleurs dans un sens sur le cercle, et les angles négatifs dans l’autre. L’aperçu se met à jour pendant que vous faites glisser le curseur, et le bouton de comparaison affiche l’image originale à côté de l’image modifiée. Téléchargez le résultat en taille réelle au format PNG, JPG ou WebP.

Fonctionnalités

  • Fait tourner toutes les couleurs du même angle, tandis que les gris restent gris
  • Préserve la luminosité et la saturation de chaque couleur
  • Aperçu en temps réel avec comparaison avant/après, le traitement étant effectué dans votre navigateur

Fonctionnement

L’outil interprète chaque pixel en teinte, saturation et luminosité (HSL), ajoute l’angle à la teinte, puis convertit le résultat en rouge, vert et bleu. Chaque pixel conserve les valeurs de ses canaux les plus clairs et les plus foncés. Seul le canal intermédiaire et l’ordre des trois canaux changent. La luminosité HSL ne correspond pas exactement à celle perçue par l’œil : un bleu profond qui devient jaune paraît donc plus clair, et un jaune qui devient bleu paraît plus foncé.

Conseils

  • Recolorez des icônes, des logos et des illustrations à aplats : un visuel monochrome prend une nouvelle couleur tout en conservant ses ombres.
  • De petits angles modifient l’ambiance des feuillages : quelques degrés en dessous de zéro les rendent plus jaunes, et quelques degrés au-dessus de zéro, plus bleus.
  • Les zones transparentes restent transparentes. Téléchargez l’image au format PNG ou WebP pour les conserver.