Hexadécimal en RGBA

Transformez les couleurs hexadécimales en valeurs rouge, vert, bleu et alpha avec un curseur d'opacité.

Couleur hexadécimale
Opacité 100%
Valeur RGBA
Aperçu

Convertir les couleurs hexadécimales en RGBA avec opacité

Hex en RGBA convertit une couleur hexadécimale CSS en notation rouge, verte, bleue et alpha. Utilisez-le lorsque vous avez besoin d'une superposition transparente, d'un jeton de couleur de l'interface utilisateur, d'une valeur CSS ou d'une couleur prévisualisable avec opacité.

L'entrée hexadécimale peut être un raccourci à 3 chiffres ou une couleur à 6 chiffres avec ou sans #. Les canaux RVB sont 0-255, tandis que le curseur d'opacité convertit 0% à 100% en valeurs alpha de 0 à 1.

Comment utiliser

  1. Entrez un code couleur hexadécimal dans le champ de saisie.
  2. Ajustez le curseur d'opacité jusqu'à ce que la valeur alpha corresponde à la transparence dont vous avez besoin.
  3. Vérifiez la sortie RGBA, les valeurs des canaux et l'aperçu en damier.
  4. Copiez la valeur RGBA ou utilisez une couleur aléatoire pour un test rapide.

Qu'est-ce que la conversion hexadécimal en RGBA ?

Conversion de Hex en RGBA divise une couleur hexadécimale en canaux rouge, vert et bleu, puis ajoute un canal alpha pour la transparence. Alpha 1 est entièrement opaque, 0.5 a une opacité de 50 % et 0 est entièrement transparent.

Notes de saisie

Utilisez des chiffres de couleur hexadécimaux valides et définissez délibérément l'opacité. Certains systèmes de design stockent l'alpha sous forme décimale, d'autres sous forme de pourcentage et d'autres encore comme suffixe hexadécimal à 8 chiffres ; confirmez donc le format cible avant de copier.

Exemple

Un paramètre d'opacité de 50 % transforme #FF5733 en une couleur RGBA avec alpha 0,5 :

--- Hex Input ---
#FF5733
Opacity: 50%

--- RGBA Output ---
rgba(255, 87, 51, 0.5)

Intégration MCP

MCP (Model Context Protocol) permet aux agents IA et aux applications de découvrir et d'exécuter les utilitaires Coding.Tools pour des workflows répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: hex-to-rgba

Point de terminaison MCP: https://coding.tools/mcp

Appelez d'abord tools/list. Chaque outil inclut inputSchema, outputSchema et examples afin qu'un agent IA ou un client puisse construire des arguments valides sans deviner.

Pour tools/call, lisez result.content[0].text pour la valeur affichable et result.structuredContent pour l'analyse par programme. Les échecs d'outil renvoient isError: true ; les échecs de protocole renvoient une JSON-RPC error.

Exemple de requête tools/call :

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"hex-to-rgba","arguments":{"input":"#3366CC","options":{"alpha":0.65}}}}'

La plupart des outils de texte et de données acceptent une chaîne input et des options facultatives. Les outils d'image qui dépendent des API d'image du navigateur sont listés pour la découverte et renvoient un lien vers l'interface Web si nécessaire.