Hex vers gris par luminosite HSL

Un convertisseur hex vers niveaux de gris par luminosité (lightness) projette une couleur hex opaque sur un unique gris neutre selon la définition classique de la lightness HSL : la moyenne du canal maximum et du minimum parmi le rouge, le vert et le bleu. Collez #e74c3c, #3498db ou la forme courte à trois chiffres comme #f0a ; l'outil développe le hex, lit chaque canal comme un entier de zéro à deux cent cinquante-cinq, calcule L égal à max plus min sur deux, arrondit au byte de gris le plus proche et renvoie le triple hex gris, la valeur numérique, une chaîne CSS rgb(), les canaux max et min, et l'arithmétique étape par étape.

Pourquoi la lightness HSL diffère du gris par luminosité

Il existe plus d'une manière standard de réduire une couleur en gris, et choisir la mauvaise formule modifie silencieusement le contraste, les maquettes d'impression et les thèmes monochromes. La lightness HSL ne retient que les canaux le plus clair et le plus sombre : L est la moyenne du canal maximum et du canal minimum parmi le rouge, le vert et le bleu.

Le rouge pur #ff0000, le vert pur #00ff00 et le bleu pur #0000ff partagent max deux cent cinquante-cinq et min zéro, donc les trois se projettent sur le même gris moyen sous lightness bien qu'ils paraissent très différents à l'œil. La pondération par luminosité, en revanche, multiplie les canaux par des coefficients BT.601 fixes qui renforcent le vert et affaiblissent le bleu, de sorte que le vert pur devient un gris plus clair que le bleu pur. Aucune méthode n'est fausse ; elles répondent à des intentions de recherche distinctes.

Quiconque tape hex vers gris par lightness, désaturer HSL vers gris ou convertisseur moyenne max min vers gris demande la définition HSL, pas la formule de luma télévisuelle. Cette page n'implémente que la voie lightness, documente la formule dans chaque réponse réussie et laisse la conversion par luminosité au convertisseur frère couleur vers gris à coefficients pondérés.

Les exercices de classe et les entretiens de code précisent souvent la lightness explicitement comme max plus min sur deux ; une référence déterministe élimine l'ambiguïté sur la normalisation éventuelle des canaux entre zéro et un, l'arrondi des demi-entiers et l'expansion du hex à trois chiffres avant max et min.

Conseils pratiques, limites et recherches connexes

Lors de l'écriture de tests unitaires, couvrez au moins un rouge vif, un teal dominé par le vert, un bleu pur qui doit correspondre au rouge pur sous lightness, une entrée déjà grise qui doit se reproduire elle-même, un raccourci à trois chiffres et un hex invalide délibéré pour qu'aucune régression de validation ne passe. Rappelez-vous que la lightness traite les primaires pures comme également brillantes : si votre produit a besoin d'une luminosité perçue pondérée vers le vert, utilisez le convertisseur de gris par luminosité plutôt que cette page.

N'envoyez pas de formes avec alpha telles que #RRGGBBAA — cette page ne convertit que le hex opaque et refuse les longueurs inattendues. Les couleurs CSS nommées et les chaînes rgb() doivent d'abord être résolues en hex puis passées ici, afin que la surface de validation reste une seule chaîne de couleur bien spécifiée.

Cette page vise ceux qui cherchent hex vers gris par lightness, convertisseur de gris par lightness HSL, moyenne max min vers gris depuis hex, ou désaturer hex par lightness gratuitement en ligne ; ce n'est pas un désaturateur d'images complet, ni un convertisseur multi-espaces pour LAB ou CMYK, ni un générateur de palettes.

Préférez cette capacité lorsque vous avez déjà un jeton hex et n'avez besoin que de son hex gris par lightness HSL et de la valeur entière ; si votre pipeline doit encore émettre des composantes HSL, teinte ou saturation, utilisez un convertisseur hex vers HSL pour ces champs et cet outil pour l'étape monochrome.