Convertisseur HEX vers RGB : Convertir les couleurs en ligne | Gratuit

A La pipette capture les couleurs de tout votre écran, pas seulement du navigateur. Cliquez sur l'icône, survolez n'importe quel pixel dans Slack, Figma ou même un PDF. La couleur se verrouille quand vous cliquez. Attention : certains systèmes d'exploitation exigent d'abord une autorisation d'enregistrement d'écran.

A Oui, les codes HEX courts fonctionnent parfaitement. Notre convertisseur transforme #FFF en #FFFFFF automatiquement (blanc). Ça marche pour tout code à 3 caractères, comme #F06 qui devient #FF0066. Les valeurs RGB, HSL et RGBA complètes s'affichent instantanément. Petit conseil : la version courte ne fonctionne que si chaque paire a des chiffres identiques — #ABC donne #AABBCC.

A Tout à fait. Les équipes marketing s'en servent pour que le même rouge #E63946 reste cohérent entre bannières web, posts sur les réseaux sociaux et modèles d'emails. Colle n'importe quel code HEX, le convertisseur te donne les valeurs RGB pour Photoshop, RGBA pour les effets de superposition, et HSL pour les ajustements théoriques. Synchronise cette unique valeur HEX sur chaque livrable, et tes dégradés de section principale ne dériveront pas d'une seule teinte. Astuce : enregistre les résultats dans ton guide de marque pour éviter les approximations.

A Collez votre code HEX dans le convertisseur et récupérez les valeurs RVB. Ensuite, utilisez un vérificateur de contraste avec vos couleurs de premier plan et d'arrière-plan. Pour un texte normal sous 14pt en gras, visez un ratio de 4,5:1 sur fond blanc ou noir. Notre outil ne calcule pas le contraste directement, mais vous donne les chiffres exacts pour accélérer le processus. WCAG AA exige 4,5:1, AAA nécessite 7:1. Astuce : le gris clair #CCCCCC échoue contre le blanc.

A Oui, #000000 correspond exactement à rgb(0, 0, 0) — du noir pur sans rouge, vert ni bleu. Mais voici le piège: les écrans n'affichent jamais un vrai noir à cause du rétroéclairage. Ton pixel le plus sombre peut afficher rgb(10, 10, 10) ou pire. Pour les écrans OLED, utilise #000000 pour ces noirs profonds. Sur les LCD standard, un gris foncé comme #1a1a1a semble souvent plus noir que le noir pur.

A RGB donne trois valeurs : rouge, vert, bleu. RGBA ajoute une quatrième — l'alpha — qui contrôle l'opacité de 0 à 1. Pour superposer des éléments, comme un menu sur une image d'en-tête, RGBA rend la couleur translucide. Collez #3498DB dans notre outil, vous obtenez rgb(52, 152, 219) et rgba(52, 152, 219, 1). Le 1 final veut dire opaque. Mais pour un bloc plein, l'alpha ne sert à rien. Réservez-le aux survols ou aux fenêtres modales. Astuce : testez vos valeurs à 0,7 et 0,5, l'effet visuel change du tout au tout selon le fond.

A Aucune différence fonctionnelle, c'est juste une question de notation. Notre outil transforme automatiquement #fff en #ffffff, donc vous obtenez des valeurs RVB identiques dans les deux cas. Ça marche parce que le format court double chaque caractère : #f devient ff, #c devient cc. Mais attention : #369 et #336699 ne sont PAS la même couleur. Le format court #369 donne #336699, pas #036090 comme on pourrait le deviner. En cas de doute, utilisez toujours le code à 6 chiffres pour éviter les mauvaises surprises.

A Non. Collez un code HEX comme #FF5733 dans le champ et vous obtenez aussitôt rgb(255, 87, 51), avec HSL et RGBA en bonus. Tout tourne dans le navigateur : rien à installer, rien à envoyer sur un serveur. Les designers gardent souvent cet onglet ouvert à côté de Figma ou VS Code. Un conseil : mettez-le en favori, vous y reviendrez plus souvent que prévu.

A Les moteurs ne pénalisent pas votre SEO si vous mélangez les formats dans vos feuilles de style. Par contre, les navigateurs rament parfois avec une syntaxe invalide. Notre outil génère des valeurs prêtes pour le CSS comme rgb(241, 196, 15) pour éliminer les erreurs. Collez votre code de marque une seule fois et récupérez la chaîne exacte. Les navigateurs lisent ces chiffres instantanément.

A Tailwind attend des nombres séparés par des espaces comme 59 130 246 au lieu de virgules. Notre outil affiche des chaînes CSS classiques par défaut. Vous devez donc retirer ces virgules pour les classes utilitaires modernes. Les développeurs oublient souvent ce détail lors du passage aux frameworks. Copiez directement les chiffres bruts depuis notre boîte de résultat pour éviter les bugs.