Catégories

← View All Tools

Convertisseur Niveaux de Gris

Convertir les couleurs en niveaux de gris avec plusieurs méthodes de conversion et contrôle d'intensité

0 100 100

Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11}

Entrez plusieurs couleurs séparées par des virgules (ex: #FF0000, #00FF00, #0000FF)

Points clés

Catégorie
Design
Types d’entrée
color, select, range, textarea, checkbox, text
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

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.

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.

Comment ça marche

  • •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).

Exemples

1. Vérification de contraste UI

Designer UI/UX
Contexte
Un designer travaille sur une application mobile et doit s'assurer que les boutons d'action sont lisibles par les utilisateurs daltoniens.
Problème
Savoir si la couleur de fond et la couleur du texte conservent un contraste suffisant une fois converties en niveaux de gris.
Comment l’utiliser
Saisir les codes hexadécimaux des couleurs du bouton et du texte, puis utiliser la méthode 'Luminosité (Pondérée)'.
Résultat
Le designer obtient une version monochrome permettant de valider visuellement si le contraste est suffisant pour une lecture claire.

2. Création d'une gamme de gris pour une marque

Directeur Artistique
Contexte
Une marque souhaite décliner son identité visuelle en une série de nuances de gris pour ses supports imprimés.
Problème
Obtenir des gris qui respectent la luminance originale de la couleur de marque principale.
Comment l’utiliser
Utiliser le convertisseur avec la méthode 'Désaturation (TSL)' et ajuster l'intensité à 100%.
Résultat
Une palette de gris harmonieuse qui conserve la profondeur de la couleur originale tout en étant parfaitement monochrome.

Tester avec des échantillons

json
Échantillons Convertisseur Hex/Unicode
Échantillons de test pour la conversion de séquences d'échappement hex et unicode
preferred input family json
json
Exemples Avancés d'Application Grafana
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
preferred input family json
json
Exemples JWT
Exemples complets de JWT de la structure de base des tokens aux implémentations de sécurité avancées
preferred input family json
json
Exemples de Communication Temps Réel WebRTC
Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation
preferred input family json
json

Hubs associés

Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Json
Découvrez 43 outils json pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Json pour Format
Découvrez 6 outils json pour des workflows de format et comparez rapidement des utilitaires proches.

FAQ

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.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/color-grayscale-converter

Paramètres de la requête

Nom du paramètre Type Requis Description
baseColor color Oui -
conversionMethod select Non -
intensity range Non -
singleChannel select Non -
customWeights textarea Non Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11}
preserveLuminance checkbox Non -
batchColors text Non Entrez plusieurs couleurs séparées par des virgules (ex: #FF0000, #00FF00, #0000FF)
includeOriginal checkbox Non -
showComparison checkbox Non -

Format de réponse

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-color-grayscale-converter": {
      "name": "color-grayscale-converter",
      "description": "Convertir les couleurs en niveaux de gris avec plusieurs méthodes de conversion et contrôle d'intensité",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-grayscale-converter",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]