Convertisseur HEX vers RGB

Transformez vos codes de couleur hexadécimaux en valeurs RGB précises. Idéal pour les designers et développeurs.


Collez un code HEX à 3 ou 6 chiffres, avec ou sans le signe #.
Effacer

Qu'est-ce qu'un convertisseur de couleurs ?

Un convertisseur de couleurs traduit une même couleur entre les formats utilisés sur le web, en design et en impression. Un même bleu peut s'écrire #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) ou cmyk(56%, 22%, 0%, 30%) - chaque format sert un outil particulier mais désigne la même couleur.

Référence des formats de couleur

  • HEX - Code hexadécimal à 6 caractères utilisé en CSS et dans les outils de design, comme #4F8AB2.
  • RGB - Composantes Rouge, Vert et Bleu de 0 à 255 - utilisées par CSS et la plupart des API.
  • HSL - Teinte (0-360), Saturation (%) et Luminosité (%) - plus intuitif visuellement.
  • CMYK - Cyan, Magenta, Jaune, Noir - format à quatre canaux dédié à l'impression.

Comment convertir HEX en RGB manuellement

Une couleur HEX n'est que trois paires de chiffres hexadécimaux (base 16). Convertissez chaque paire en un nombre décimal de 0 à 255.

  1. Divisez le HEX à 6 chiffres en trois paires : RR, GG, BB (retirez le # initial).
  2. Pour chaque paire, multipliez le premier chiffre par 16 et ajoutez le second (A=10, B=11, … F=15).
  3. Les trois résultats sont vos valeurs de Rouge, Vert et Bleu.

Exemple : #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).

Utilisez cet outil depuis votre agent IA

API JSON et serveur Model Context Protocol (MCP) gratuits. Sans inscription, sans clé d'API, CORS ouvert. Conçu pour Claude, ChatGPT, Cursor, scripts et applications frontend.

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

Ajoutez à claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) ou tout autre client compatible MCP :

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
Documentation de l'API OpenAPI 3.1 npm 60 req/min · 600 req/heure · corps max 1 Mo

Questions fréquentes

Découpez le code HEX en trois paires et convertissez chaque paire de l'hexadécimal au décimal. Pour #4F8AB2 : 4F = 79, 8A = 138, B2 = 178, soit rgb(79, 138, 178). Le convertisseur effectue ce calcul en temps réel.

HEX, RGB et HSL décrivent la même couleur RGB dans des notations différentes : HEX est compact, RGB donne les canaux directs, HSL est plus intuitif pour ajuster teinte, saturation ou luminosité. Le CMJN est un espace à quatre canaux conçu pour l'imprimerie - il est calculé depuis le RGB et peut ne pas correspondre exactement à toutes les couleurs d'écran.

Oui. Les codes HEX à 3 chiffres sont une forme abrégée où chaque chiffre est doublé : #FA0 équivaut à #FFAA00. Le convertisseur accepte les deux formes, avec ou sans le # initial.

Les écrans utilisent un RGB additif, l'impression utilise un CMJN soustractif et toutes les couleurs RGB n'ont pas un équivalent CMJN exact. Les logiciels professionnels appliquent des profils papier, encre et imprimante spécifiques - les valeurs ici sont une conversion mathématique, utile comme point de départ.

Les canaux RGB sont bornés entre 0 et 255 et la saturation/luminosité HSL entre 0 et 100 %. La teinte est gérée comme une valeur de 0 à 360 degrés. Toute valeur hors de la plage est ramenée dans la plage valide et les autres formats sont mis à jour automatiquement.

Comment convertir HEX en RGB ?

Un convertisseur HEX vers RGB transforme un code couleur hexadécimal comme #FF8800 en valeurs RGB à utiliser dans les outils de design et le code. Chaque paire de chiffres hexadécimaux est un canal - rouge, vert et bleu - avec une valeur de 0 à 255.