# Convertisseur Niveaux de Gris Convertir les couleurs en niveaux de gris avec plusieurs méthodes de conversion et contrôle d'intensité > Page canonique: https://elysiatools.com/fr/tools/color-grayscale-converter - **Catégorie:** Design - **Mots-clés:** couleur, niveaux de gris, noir, blanc, convertisseur, monochrome, désaturation, gris, design ## Présentation Le convertisseur de niveaux de gris est un outil de design précis permettant de transformer instantanément n'importe quelle couleur en une nuance de gris adaptée, grâce à une variété d'algorithmes de conversion et de réglages d'intensité personnalisables. ## Entrées - **Couleur de base** (color): #FF5733 - **Méthode de conversion** (select) - **Intensité des niveaux de gris (%)** (range) - **Sélection de canal unique** (select) - **Pondérations RVB personnalisées** (textarea): Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11} - **Préserver la luminance d'origine** (checkbox) - **Couleurs par lot (Optionnel)** (text): Entrez plusieurs couleurs séparées par des virgules (ex: #FF0000, #00FF00, #0000FF) - **Inclure les couleurs d'origine** (checkbox) - **Afficher la comparaison côte à côte** (checkbox) ## Quand l'utiliser - Vérifier le contraste et la lisibilité d'une palette de couleurs pour l'accessibilité. - Créer des variantes monochromes cohérentes pour des interfaces utilisateur ou des logos. - Tester l'impact visuel d'un design en supprimant les distractions liées aux couleurs. ## Fonctionnement - Saisissez votre couleur de base ou importez une liste de couleurs par lot. - Sélectionnez une méthode de conversion, comme la luminosité pondérée ou la désaturation. - Ajustez l'intensité du gris et les pondérations RVB si nécessaire pour affiner le rendu. - Visualisez le résultat final avec l'option de comparaison côte à côte. ## Cas d'usage - Optimisation de l'accessibilité web en testant le contraste des éléments UI. - Préparation de maquettes graphiques en noir et blanc pour valider les hiérarchies visuelles. - Génération rapide de palettes de nuances de gris pour des systèmes de design (Design Systems). ## Questions fréquentes ### Quelles méthodes de conversion sont disponibles ? L'outil propose plusieurs méthodes dont la moyenne simple, la luminosité pondérée, la désaturation TSL, ainsi que des options de décomposition par canal ou personnalisées. ### Puis-je convertir plusieurs couleurs en une seule fois ? Oui, utilisez le champ 'Couleurs par lot' pour saisir plusieurs codes hexadécimaux séparés par des virgules. ### À quoi sert l'option de pondération personnalisée ? Elle permet de définir manuellement l'importance des canaux rouge, vert et bleu dans le calcul final du gris, idéal pour des besoins graphiques spécifiques. ### L'outil permet-il de comparer l'original et le résultat ? Oui, en activant l'option 'Afficher la comparaison côte à côte', vous pouvez voir la couleur source et sa conversion en niveaux de gris simultanément. ### Le résultat est-il exportable ? Le résultat est généré sous forme HTML, vous permettant de visualiser et de copier facilement les valeurs hexadécimales converties. ## Outils associés - [Generateur de cascade de color tokens](https://elysiatools.com/fr/tools/color-token-cascade-generator): Transforme un hex principal en systeme complet de tokens, variables CSS et JSON Style Dictionary - [Extracteur de tokens de thème ECharts](https://elysiatools.com/fr/tools/echarts-theme-token-extractor): Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main. - [Exportateur de Tokens Figma](https://elysiatools.com/fr/tools/figma-tokens-export): Collez un JSON de variables Figma / Tokens Studio et exportez vers Tailwind, variables CSS shadcn, Style Dictionary ou SCSS. Préserve les tokens de couleur, d'espacement et de police avec inférence de type. - [De la palette d’image aux design tokens](https://elysiatools.com/fr/tools/image-to-design-tokens): Extrait les couleurs dominantes d’une image par k-means et les exporte en variables CSS / SCSS / config Tailwind / tokens JSON, avec noms et échelle de teintes - [Générateur de Pictogramme](https://elysiatools.com/fr/tools/pictograph-generator): Créez des pictogrammes en utilisant des icônes/symboles pour représenter des quantités avec des icônes, couleurs et mises en page personnalisables - [Convertisseur BSON](https://elysiatools.com/fr/tools/bson-converter): Encode et décode les données vers/depuis le format BSON (Binary JSON) - [Convertisseur CSV vers JSON](https://elysiatools.com/fr/tools/csv-to-json): Convertit les données CSV au format JSON avec des options d'analyse personnalisables - [Transformateur CSV](https://elysiatools.com/fr/tools/csv-transformer): Transformer et traiter les données CSV avec des opérations de colonnes, calculs et conversions de types de données. Exemples d'opérations: • Renommer une colonne: \[{"type": "rename", "column": "ancien_nom", "new_name": "nouveau_nom"}\] • Ajouter une colonne calculée: \[{"type": "add_column", "new_column": "total", "formula": "prix * quantite"}\] • Supprimer une colonne: \[{"type": "remove_column", "remove_column": "colonne_a_supprimer"}\] • Convertir le type de donnée: \[{"type": "convert_type", "convert_column": "age", "target_type": "number"}\] • Calculer des valeurs: \[{"type": "calculate", "target_column": "total", "expression": "prix * taxe + frais_port"}\] • Filtrer les lignes: \[{"type": "filter_values", "filter_column": "statut", "operator": "equals", "value": "actif"}\] ## Exemples - [Exemples Avancés d'Application Grafana](https://elysiatools.com/fr/samples/grafana-samples): Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins - [Exemples de Codes QR](https://elysiatools.com/fr/samples/qrcode-samples): Images de codes QR d'exemple pour tester les outils de lecture et de génération de codes QR - [Exemples D3.js Data Visualization](https://elysiatools.com/fr/samples/d3js-data-visualization): Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives - [Exemples Toolchain JavaScript Rome](https://elysiatools.com/fr/samples/rome): Exemples de toolchain JavaScript Rome incluant configuration, linting, formatting, bundling et gestion de projets ## Contenu associé - [Outils d interchange JSON et de traduction de formats](https://elysiatools.com/fr/hubs/json-convert): Comparez les outils de conversion JSON pour CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN et d autres formats structures dans un meme hub. - [Outils d inspection, de diff et de transformation JSON](https://elysiatools.com/fr/hubs/json-utility): Regroupe dans un meme hub les outils de formatage JSON, comparaison, inspection de chemins, validation de schema, fusion et transformation pour les workflows API et donnees. - [Generateurs de schemas JSON, donnees mock et fixtures API](https://elysiatools.com/fr/hubs/json-generate): Des outils reunis pour generation de schemas JSON, construction de payloads mock et preparation de fixtures API dans un seul hub. - [Outils de formatage, de diff et de normalisation JSON](https://elysiatools.com/fr/hubs/json-format): Comparez les outils de formatage JSON, diff, revue de logs, comparaison de configuration et normalisation de données dans un hub unique pour les workflows JSON lisibles et vérifiables.