Conversions ● Traitement local

Convertisseur HEX vers RGB

Convertissez une couleur HEX CSS en canaux RGB et en code CSS prêt à l’emploi.

Préparation de l’outil…
Essayer un exemple commenté

Essayer un exemple commenté

Convertissez une couleur HEX CSS en canaux RGB et en code CSS prêt à l’emploi.

Vérifiez les unités et les options, puis utilisez le bouton de calcul de l’outil. L’exemple est fictif ; remplacez ses valeurs pour votre propre calcul.

Texte d’exemple

Couleur HEX
#3498db

Résultat attendu

Couleur CSS : rgb(52, 152, 219)
Canaux RGB : 52, 152, 219
Alpha : 1 (opaque)

L’outil accepte les couleurs CSS HEX à 3, 4, 6 ou 8 chiffres et convertit leurs canaux rouge, vert, bleu et alpha.

En attente de l’outil. L’explication reste accessible sans JavaScript.

Méthode et limites

Saisissez une couleur HEX, avec ou sans #. Le résultat comprend les valeurs des canaux et une notation CSS.

Les formats courts et longs peuvent inclure alpha. Le dernier chiffre ou octet représente alors la transparence; vérifiez que le système cible accepte la notation générée.

✓ Traitement local✓ Sans compte✓ Saisies traitées ici✓ Gratuit

Réponse rapide

L’outil accepte les couleurs CSS HEX à 3, 4, 6 ou 8 chiffres et convertit leurs canaux rouge, vert, bleu et alpha.

Le code de la page et ses ressources sont chargés depuis le site; les valeurs saisies sont traitées dans votre navigateur, sans requête de calcul.

Mode d’emploi

Saisissez une couleur HEX, avec ou sans #. Le résultat comprend les valeurs des canaux et une notation CSS.

Limites

Les formats courts et longs peuvent inclure alpha. Le dernier chiffre ou octet représente alors la transparence; vérifiez que le système cible accepte la notation générée.

Questions fréquentes

Quelles longueurs HEX peuvent inclure la transparence ?

Dans une couleur à 4 chiffres, le dernier chiffre donne l’alpha; à 8 chiffres, c’est le dernier octet. L’alpha vient après les canaux rouge, vert et bleu.

Puis-je coller le résultat dans du CSS ?

Oui. Le résultat comprend les canaux numériques et une valeur `rgb()` ou `rgba()` utilisable en CSS.

Sources et références

Ces références documentent la norme ou l’API citée ; elles ne valident pas la sortie de l’outil.