Couleur en gris

Un convertisseur de couleur en niveaux de gris prend une couleur opaque—écrite en code hex ou en canaux rouge, vert et bleu—et la projette vers un gris neutre qui préserve la luminosité perçue au lieu de moyenner naïvement les canaux. Collez #e74c3c, rgb(52, 152, 219) ou des entiers r, g et b séparés ; l’outil applique les poids de luminosité classiques 0.299 rouge, 0.587 vert et 0.114 bleu, arrondit à un entier de gris de 0 à 255 et renvoie le triple hex gris, la valeur numérique, une chaîne CSS rgb() et l’arithmétique étape par étape.

Pourquoi la pondération de luminosité bat la moyenne simple

La vision humaine n’est pas également sensible à la lumière rouge, verte et bleue. Le vert contribue le plus à la luminosité perçue, le rouge moins, et le bleu le moins. C’est pourquoi un bleu pur #0000ff paraît plus sombre qu’un vert pur #00ff00 alors que les deux ont un seul canal au maximum 255.

Une moyenne naïve qui additionne les trois canaux et divise par trois sous-estime donc le brillant d’une couleur riche en vert et surestime les tons riches en bleu. La pondération de luminosité corrige ce déséquilibre avec des coefficients fixes du modèle classique de luma télévisuelle souvent appelé BT.601 : le gris Y égale 0.299 fois rouge plus 0.587 fois vert plus 0.114 fois bleu, puis arrondi à l’entier le plus proche dans 0–255.

Le résultat est un seul canal qui, écrit comme #YY où chaque paire est le même octet hex, se place sur l’axe neutre de l’espace RGB en gardant la luminosité approximative de la teinte d’origine. Cette page est volontairement un outil mono-couleur, pas un filtre d’image : vous convertissez un jeton de design, une variable CSS ou un nuancier à la fois et obtenez un hex gris et une valeur auditables.

Les exercices de cours et les entretiens de code demandent souvent cette transformation à la main ; une référence déterministe lève l’ambiguïté sur les poids utilisés, l’arrondi appliqué et l’expansion du hex à trois chiffres avant la multiplication.

Conseils pratiques, limites et recherches associées

Ne passez pas de formes alpha comme #RRGGBBAA ou rgba avec un alpha significatif à conserver—cette page convertit uniquement le RGB opaque, et les longueurs inattendues sont rejetées pour que vous le remarquiez plutôt que de supprimer l’alpha en silence. Les couleurs CSS nommées comme rebeccapurple sont hors périmètre ; résolvez-les d’abord en hex avec une table de noms, puis appelez ce convertisseur.

En écrivant des tests unitaires, couvrez au moins un rouge vif, un teal dominant vert, un bleu pur, une entrée déjà grise qui doit revenir à elle-même, un raccourci à trois chiffres, une chaîne rgb() et un hex invalide volontaire pour que les régressions de validation ne passent pas.

Cette page cible les personnes cherchant un convertisseur couleur en gris, un calculateur de luminosité hex vers gris ou un outil RGB vers valeur grise gratuit en ligne ; ce n’est pas un désaturateur d’image complet, ni un convertisseur multi-espaces pour HSL LAB ou CMYK, ni un générateur de palettes.

Préférez cette capacité lorsque vous avez déjà une couleur et n’avez besoin que de son hex gris de luminosité et de sa valeur entière ; si votre pipeline doit encore émettre du HSL ou du CMYK d’impression, utilisez un convertisseur multi-formats pour ces espaces et cet outil pour l’étape monochrome.