⌕
Accueil / Outils de couleur / Ajusteur de luminosité de couleur en ligne
Outils en ligne gratuits

Ajusteur de luminosité de couleur en ligne

Éclaircissez une couleur en ligne : choisissez une teinte, réglez le pourcentage, obtenez la couleur éclaircie en HEX, RGB, HSV ou HSL. Simple et rapide.

Commencer

Éclaircir une couleur pas à pas

Prenons un exemple concret : vous souhaitez éclaircir la couleur #000000 (noir) de 50 %. L'outil calcule chaque canal RVB en le mélangeant avec du blanc : pour le canal rouge, la valeur 0 devient 0 + (255 - 0) * 50/100 = 127,5, arrondi à 128. De même pour les canaux vert et bleu. Le résultat est #808080, un gris moyen. Si vous choisissez 0 %, la couleur d'origine est conservée ; à 100 %, elle devient blanche (#FFFFFF).

Réglages disponibles

  • Couleur de base : sélectionnable via un panneau de couleur avec champs HEX, RGB, HSV et HSL.
  • Pourcentage d'éclaircissement : curseur de 0 à 100, par défaut 20.
  • Résultat modifiable : la couleur générée peut être ajustée manuellement.

Comment fonctionne le calcul

L'algorithme effectue une interpolation linéaire entre chaque canal RVB et le blanc : sortie = canal + (255 - canal) * pourcentage / 100, avec arrondi des valeurs. Ce n'est pas une augmentation de la luminosité HSL ni une opération en lumière linéaire.

Limites à connaître

  • L'outil ne traite qu'une seule couleur à la fois, pas des images.
  • Il ne mesure pas le contraste d'accessibilité ni ne préserve la transparence (alpha).
  • Les pourcentages hors limites sont ramenés à la plage valide ; les valeurs non finies sont rejetées.

Questions fréquentes

Que se passe-t-il si je saisis un pourcentage supérieur à 100 ?

Le pourcentage est limité à la plage 0-100. Toute valeur supérieure est traitée comme 100 %, ce qui donne du blanc.

Puis-je éclaircir une couleur avec transparence ?

Non, l'outil ne gère pas le canal alpha. La transparence n'est pas conservée dans le résultat.

Pourquoi le résultat n'est-il pas identique à une augmentation de la luminosité HSL ?

Parce que l'outil utilise une interpolation linéaire vers le blanc, ce qui est différent d'une modification de la composante luminosité en HSL. Par exemple, éclaircir du noir à 50 % donne un gris moyen, alors qu'en HSL, la luminosité du noir est déjà à 0 % et l'augmenter donnerait aussi un gris, mais la progression peut différer pour d'autres couleurs.

Vérification rapide

  • Choisissez une couleur de base.
  • Réglez le pourcentage.
  • Générez et copiez le résultat.

Pour #3B82F6 à 20 %, le résultat est #629BF8. Une nouvelle génération repart de la couleur de base. Les champs sont validés en les quittant ; un HEX invalide revient à la dernière couleur valide. Tout copier copie le résumé couleur d’origine, pourcentage et HEX actuel, pas tous les champs numériques. Sélectionnez un champ pour copier sa valeur. Aucun fichier ni téléchargement. Le curseur avance par entiers.

Le traitement s’effectue localement dans votre navigateur.