Aller au contenu
Arnaud.app

Code couleur HEX en RGB : convertisseur

Convertissez un code HEX en RGB instantanément et gratuitement. ex. : #3B82F6 → rgb(59, 130, 246). Aperçu en direct et CSS prêt à coller.

1.00
CSS rgb()

rgb(10 124 255)

HEX

#0a7cff

CSS hsl()

hsl(212 100% 52%)

HSV

hsv(212 96% 100%)

CMYK

cmyk(96% 51% 0% 0%)

CSS oklch()

oklch(0.608 0.215 257.4)

#0A7CFF

Meilleur contraste avec

texte noir → ratio 5.34:1 (WCAG AA exige 4,5:1)

Collez une couleur HEX comme #0a7cff : nous renvoyons la valeur rgb(), les canaux R/G/B et un échantillon en direct. Décodage base-16 vers base-10 - même résultat que partout, sans le calcul.

Comment l'utiliser

  1. Choisissez le format d'entrée

    HEX, RGB, HSL, HSV/HSB, CMYK, OKLCH ou nom CSS dans le sélecteur de format.

  2. Tapez ou collez votre couleur

    Saisissez la valeur - ou utilisez le sélecteur de couleur et le curseur alpha - et tous les autres formats se mettent à jour.

  3. Copiez le format voulu

    Bouton de copie à côté du format attendu par votre destination.

Qu'est-ce que c'est ?

Un code HEX est l'écriture en base 16 d'une couleur RGB : #RRGGBB, où chaque paire (00 à FF) représente un canal rouge, vert ou bleu de 0 à 255. Convertir HEX vers RGB revient simplement à décoder chaque paire de l'hexadécimal vers le décimal.

Quand l'utiliser

Récupérer une couleur d'une maquette ou d'une feuille de style en rgb() pour pouvoir ajouter une transparence avec rgba(), ou injecter des valeurs RGB dans du code ou une API qui n'accepte pas le HEX.

Erreurs courantes

Oublier le # initial, confondre la forme courte à 3 chiffres et la forme complète à 6 chiffres, et croire qu'un code HEX porte la transparence - c'est la forme à 8 chiffres (#RRGGBBAA) qui ajoute le canal alpha.

FAQ

Comment convertir #FFFFFF en RGB ?
#FFFFFF correspond à rgb(255, 255, 255), le blanc pur. Chaque paire de chiffres hex est un canal, et FF est le maximum (255). Sur le même principe, #000000 = rgb(0, 0, 0), le noir.
Quel est le code RGB de #3B82F6 ?
rgb(59, 130, 246). Les paires se décodent en 3B = 59, 82 = 130, F6 = 246. Collez n'importe quel code ci-dessus pour le voir instantanément.
Peut-on utiliser un code HEX à 3 caractères ?
Oui. Une forme courte comme #0af se déplie en doublant chaque chiffre : #0af = #00aaff = rgb(0, 170, 255).

Notez cet outil

Partagez votre expérience pour aider les autres.

Convertisseur de couleurs (HEX, RGB, HSL)

Convertissez les couleurs entre HEX, RGB, HSL, HSV, CMYK et OKLCH.

Essayer →

Plus dans cette catégorie