Catégories

← View All Tools

Convertisseur de couleur

Convertit entre différents formats de couleur

Exemples de résultats

2 Exemples

Convertir HEX en RGB

Convertir un code couleur HEX au format RGB

rgb(255, 87, 51)
Voir paramètres d'entrée
{ "colorInput": "#FF5733", "inputFormat": "hex", "outputFormat": "rgb" }

Convertir RGB en HSL

Convertir une couleur RGB au format HSL

hsl(11, 100%, 60%)
Voir paramètres d'entrée
{ "colorInput": "rgb(255, 87, 51)", "inputFormat": "rgb", "outputFormat": "hsl" }

Points clés

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

Vue d’ensemble

Notre convertisseur de couleur en ligne vous permet de transformer instantanément vos codes couleurs entre les formats standards HEX, RGB et HSL pour assurer une cohérence parfaite dans vos projets de design et de développement.

Quand l’utiliser

  • •Adapter une palette de couleurs pour le développement web ou mobile.
  • •Uniformiser les codes couleurs entre différents logiciels de graphisme.
  • •Corriger des formats de couleurs incompatibles dans vos feuilles de style CSS.

Comment ça marche

  • •Saisissez votre code couleur dans le champ dédié.
  • •Sélectionnez le format d'entrée correspondant à votre valeur.
  • •Choisissez le format de sortie souhaité parmi HEX, RGB ou HSL.
  • •Récupérez instantanément votre valeur convertie.

Cas d’usage

Développement Front-end : convertir des couleurs HEX en RGB pour les propriétés CSS.
Design Graphique : adapter des valeurs HSL pour ajuster la saturation ou la luminosité.
Intégration UI : harmoniser les couleurs entre les outils de prototypage et le code source.

Exemples

1. Conversion HEX vers RGB

Développeur Web
Contexte
Un développeur doit intégrer une couleur définie en HEX (#FF5733) dans une fonction JavaScript nécessitant un format RGB.
Problème
Le format HEX n'est pas directement compatible avec la fonction de rendu graphique utilisée.
Comment l’utiliser
Entrez #FF5733, sélectionnez HEX en entrée et RGB en sortie.
Configuration d’exemple
inputFormat: hex, outputFormat: rgb
Résultat
Le code couleur est converti en rgb(255, 87, 51).

2. Conversion RGB vers HSL

Designer UI
Contexte
Un designer souhaite ajuster la luminosité d'une couleur RGB existante pour créer un état 'survol' (hover) cohérent.
Problème
Il est difficile de modifier la luminosité manuellement en RGB sans altérer la teinte.
Comment l’utiliser
Entrez rgb(255, 87, 51), sélectionnez RGB en entrée et HSL en sortie.
Configuration d’exemple
inputFormat: rgb, outputFormat: hsl
Résultat
Le code couleur est converti en hsl(11, 100%, 60%), facilitant l'ajustement du paramètre de luminosité.

Tester avec des échantillons

design
Exemples de codes couleur
Collection de codes de couleur dans différents formats (Hex, RGB, HSL, couleurs nommées) pour les tests de validation
title token color
sample
Échantillons Convertisseur Hex/Unicode
Échantillons de test pour la conversion de séquences d'échappement hex et unicode
task convert,format
sample
Échantillons de Convertisseur de Casse
Échantillons de test pour la conversion de casse entre différentes conventions de nommage
task convert,format
sample
Exemples de Traitement d'Images Web Python
Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format
task convert,format
sample

Hubs associés

Outils Design pour Convert
Découvrez 98 outils design pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Design pour Generate
Découvrez 19 outils design pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Image pour Convert
Découvrez 100 outils image pour des workflows de convert et comparez rapidement des utilitaires proches.

FAQ

Quels formats de couleur sont pris en charge ?

L'outil prend en charge les formats HEX (#RRGGBB), RGB (rgb(r,g,b)) et HSL (hsl(h,s%,l%)).

Est-ce que la conversion est précise ?

Oui, l'outil effectue des calculs mathématiques exacts pour garantir que la couleur reste identique lors du changement de format.

Puis-je convertir plusieurs couleurs à la fois ?

Cet outil est conçu pour convertir une valeur à la fois afin d'assurer une précision maximale.

L'outil fonctionne-t-il hors ligne ?

Non, il s'agit d'un outil web qui nécessite une connexion internet pour traiter les conversions.

Y a-t-il une limite d'utilisation ?

Non, vous pouvez utiliser le convertisseur autant de fois que nécessaire gratuitement.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/color-converter

Paramètres de la requête

Nom du paramètre Type Requis Description
colorInput text Oui -
inputFormat select Oui -
outputFormat select Oui -

Format de réponse

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

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-color-converter": {
      "name": "color-converter",
      "description": "Convertit entre différents formats de couleur",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-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]