Aller au contenu
ToolsMinify logo
Outils convertisseurs
Populaire

Convertisseur HEX en RVB

Convertissez les codes de couleur HEX en RVB (et RVB en HEX) avec un échantillon en direct, un kit de format (HSL + CMJN), une teinte cliquable → une rampe d'ombre, des aperçus…

À propos de Convertisseur HEX en RVB

Convertissez les codes de couleur HEX en RVB (et RVB en HEX) avec un échantillon en direct, un kit de format (HSL + CMJN), une teinte cliquable → une rampe d'ombre, des aperçus de contraste WCAG sur blanc et noir et un extrait de jeton CSS prêt à coller. Collez #rgb, #rrggbb ou #rrggbbaa, utilisez le sélecteur de couleurs natif ou saisissez les canaux R/G/B. Tout s'exécute dans votre navigateur - pas d'inscription, pas de téléchargement.

Comment utiliser Convertisseur HEX en RVB

  1. Collez une couleur HEX, utilisez le sélecteur de couleurs ou cliquez sur un échantillon prédéfini.
  2. Copiez le CSS rgb()/rgba() ou entrez R/G/B (0-255) pour générer HEX dans l'autre sens.
  3. Utilisez le kit de format pour HSL et CMJN, ainsi que la rampe teinte → nuance pour explorer les étapes plus claires ou plus sombres.
  4. Vérifiez les cartes de contraste WCAG, puis copiez l'extrait de jeton CSS dans votre thème.

Exemples de Convertisseur HEX en RVB

#FFFFFF en RVB

Blanc : RVB (255, 255, 255).

#3b82f6 en RVB

Bleu Tailwind-500 : RVB (59, 130, 246) plus HSL/CMYK correspondant dans le kit de format.

Court #0f0

S'étend jusqu'à #00ff00 → rgb(0, 255, 0).

Contraste + jetons

Le bleu #3b82f6 sur blanc échoue à l'AA normal ; l'extrait de jeton exporte toujours --brand-rgb pour le CSS moderne.

Lire le guide complet

Comment utiliser Convertisseur HEX en RVB : guide complet (2026) - 5 min de lecture

Questions fréquentes sur Convertisseur HEX en RVB

Comment convertir HEX en RVB ?
Chaque paire de chiffres HEX est un canal base 16 de 00 (0) à FF (255). Par exemple #1A2B3C → R=26, G=43, B=60, écrit rgb(26, 43, 60). Cet outil effectue la conversion au fur et à mesure que vous tapez.
Quels formats HEX sont pris en charge ?
#rgb court (par exemple #fff), #rrggbb complet (par exemple #3b82f6) et #rrggbbaa à 8 chiffres avec alpha. Le # initial est facultatif et les lettres peuvent être en majuscules ou en minuscules. Vous pouvez également choisir une couleur avec le sélecteur natif.
Puis-je convertir RVB en HEX ?
Oui - entrez les valeurs R, G et B de 0 à 255 et l'outil génère un code #rrggbb minuscule. Les valeurs hors plage sont limitées.
Est-ce que cela affiche également HSL et CMJN ?
Oui. Le kit de format répertorie HEX, RVB, HSL et CMJN avec une copie CSS en un clic. CMJN est une approximation d'écran utile pour le transfert d'impression - toujours une épreuve sur une presse lorsque la couleur est critique.
Qu'est-ce que la teinte → rampe d'ombre ?
Il mélange votre couleur vers le blanc (teintes) et le noir (nuances). Cliquez sur n'importe quelle étape pour charger ce HEX, ou copiez toute la rampe pour une palette rapide.
Que signifient les cartes de contraste ?
Ils affichent le rapport de contraste WCAG de votre couleur sous forme de texte sur blanc et sur noir, avec réussite ou échec AA/AAA pour le texte normal et grand. Utile avant d'expédier les couleurs de l'interface utilisateur.
Quelle est la différence entre rgb() et rgba() ?
rgb() n'a que du rouge, du vert et du bleu. rgba() ajoute un canal alpha (opacité) de 0 (transparent) à 1 (opaque). Lorsque vous collez un HEX à 8 chiffres, l'outil génère rgba().