Couleur en niveaux de gris (désaturation)

Désature complètement une couleur.

Noter Couleur en niveaux de gris (désaturation)

Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.

Convertir des couleurs en niveaux de gris

Supprimez toute information de couleur pour créer une version purement en niveaux de gris. Utile pour les tests d’accessibilité, le design d’impression ou la création de thèmes monochromes. Voyez exactement comment vos couleurs apparaîtront dans des contextes en noir et blanc.

Accessibilité et impression

Fonctionnalités de l’outil

Conversion en un clic

Convertissez instantanément n’importe quelle couleur en niveaux de gris en un seul clic.

Formats multiples

Obtenez les valeurs de gris en HEX, RGB ou HSL pour tous vos usages.

Tests d’accessibilité

Testez le rendu de vos couleurs pour les personnes daltoniennes ou à l’impression.

Vue côte à côte

Comparez visuellement la couleur d’origine et le résultat en niveaux de gris.

Comment fonctionne Couleur en niveaux de gris (désaturation)

Cet outil de désaturation chromatique supprime la saturation de couleurs individuelles ou de palettes, en convertissant des teintes vives en gris achromatiques équivalents tout en conservant les niveaux de luminosité. Il produit des tons neutres utiles pour concevoir des interfaces accessibles, établir des hiérarchies tonales ou créer des palettes monochromes sophistiquées. Le convertisseur gère différents formats d'entrée et assure la traduction entre les représentations de couleur.

Vous saisissez des couleurs sous forme de codes hex, de valeurs RVB, de spécifications TSL ou à l'aide de sélecteurs de couleur, et vous obtenez immédiatement des conversions en niveaux de gris, présentées simultanément dans plusieurs formats. Le processus ramène la saturation à zéro en préservant la clarté/luminance, mais plusieurs méthodes de conversion existent : les approches fondées sur la luminosité, qui pondèrent les canaux RVB selon la luminosité perçue (en tenant compte de la sensibilité de la vision humaine au vert), la moyenne simple, qui traite tous les canaux de façon égale, ou la désaturation TSL, qui manipule directement le paramètre de saturation. Les résultats affichent la couleur d'origine à côté de son équivalent en niveaux de gris pour une comparaison côte à côte, les détails numériques indiquent les valeurs exactes dans chaque format et les indicateurs en pourcentage révèlent les niveaux de luminance pour l'évaluation de l'accessibilité.

La conversion par lot traite des palettes de couleurs entières en conservant les relations de clarté entre les teintes d'origine, ce qui permet des flux de travail de design « niveaux de gris d'abord », où les développeurs établissent les variations tonales avant d'introduire la couleur. Les fonctions avancées génèrent des familles de teintes claires et sombres de gris à partir d'une seule entrée, vérifient la conformité aux contrastes WCAG entre valeurs de gris pour les combinaisons texte/arrière-plan et exportent des propriétés personnalisées CSS qui définissent des design systems en niveaux de gris. Les outils d'harmonie des couleurs retrouvent par rétro-ingénierie les teintes d'origine qui se désaturent vers des gris précis, les simulateurs d'accessibilité montrent comment les personnes daltoniennes perçoivent les interfaces qui reposent sur la différenciation par la couleur plutôt que par le contraste de luminance, et les générateurs de dégradés créent des transitions fluides en niveaux de gris.

Les usages courants comprennent l'établissement de hiérarchies d'interface accessibles grâce à des variations de clarté indépendantes du codage chromatique, le prototypage d'interfaces avant le choix des couleurs pour éviter tout engagement chromatique prématuré, le test de designs pour la compatibilité avec les affichages monochromes, la création de visuels prêts à imprimer et optimisés pour une reproduction en niveaux de gris ou le développement de palettes neutres sophistiquées caractéristiques des tendances du design minimaliste. L'outil enseigne le rôle de la luminance dans la hiérarchie visuelle, indépendamment de la teinte, et montre pourquoi certains designs colorés échouent en matière d'accessibilité lorsque la saturation devient le seul critère de distinction.

Comment utiliser Couleur en niveaux de gris (désaturation)

1

Saisir la couleur

Saisissez votre code couleur HEX.

2

Convertir

Cliquez pour supprimer toute la saturation de la couleur.

3

Obtenir le résultat

Copiez la couleur en niveaux de gris.

Exemple d'utilisation

Exemple de résultat pour la conversion d'une couleur en niveaux de gris.

Entrée
Sample input
Sortie
Processed output

Questions fréquentes

Qu'est-ce que les niveaux de gris ?
Les niveaux de gris suppriment toute information de couleur et ne laissent que des nuances de gris fondées sur la luminosité d'origine.
Est-ce la même chose que la désaturation ?
Oui, une désaturation complète (0 % de saturation) produit un résultat en niveaux de gris.

Outils associés

Commentaires

Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.

Couleur en niveaux de gris (désaturation) est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.

Cité par

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge