HEX → RGB
Convertit un code couleur hexadécimal en RGB et HSL.
Cet outil fonctionne avec JavaScript. Pour l’utiliser, activez JavaScript dans votre navigateur et rechargez la page.
DU #HEX AU RGB, AUSSITÔT.
HEX → RGB convertit un code couleur hexadécimal en valeurs RGB et HSL. Vous pouvez écrire le code avec ou sans dièse ; la forme courte à trois chiffres (#f00), la forme standard à six chiffres (#ff0000) et la forme à huit chiffres avec transparence (#ff0000cc) sont acceptées. L'aperçu de la couleur se met à jour dès que vous écrivez et les résultats s'affichent : RGB, RGBA s'il y a de la transparence, HSL, et une variable CSS que vous pouvez coller directement dans votre feuille de style.
La liste des résultats vous dit aussi s'il faut poser du texte sombre ou clair sur cette couleur ; cette recommandation est calculée d'après la luminosité perçue de la couleur. Vous pouvez aussi prendre une couleur dans le sélecteur et récupérer son code. L'outil fonctionne dans les deux sens : quand vous changez les champs RGB, le HEX se met à jour lui aussi, c'est pourquoi il partage le même écran que « RGB → HEX ». On s'en sert pour porter dans le code une valeur prise dans un logiciel de création, pour convertir une couleur de marque dans d'autres écritures, ou pour savoir si une couleur est claire ou sombre. Le calcul se fait entièrement dans votre navigateur.
Du début à la fin
- Écrivez le code HEX. Par exemple #1a73e8, 1a73e8 ou, en forme courte, #17e.
- Regardez l'aperçu. La case de couleur et toutes les valeurs se mettent à jour dès que vous écrivez.
- Copiez la valeur. Copiez la ligne RGB, HSL ou variable CSS et utilisez-la.
Questions fréquentes
Que donne #1a73e8 en RGB ?
rgb(26, 115, 232). Les deux premiers chiffres donnent le rouge, les deux suivants le vert et les deux derniers le bleu, en base hexadécimale.
Que veut dire un HEX à huit chiffres ?
Les deux derniers chiffres sont la transparence : ff totalement opaque, 00 totalement transparent. #1a73e880 est un bleu à demi transparent et s'affiche en RGBA dans le résultat.
Comment un HEX court (#f00) est-il développé ?
Chaque chiffre est écrit deux fois : #f00 devient #ff0000. L'outil le fait tout seul.
Les données que je saisis sont-elles envoyées au serveur ?
Non. Cet outil fonctionne entièrement dans votre navigateur ; rien de ce que vous saisissez ou ajoutez n’est envoyé au serveur de RUPO Studio. Tant que la page reste ouverte, il continue de fonctionner même sans connexion Internet. Aucun compte n’est nécessaire. L’utilisation est gratuite : aucune limite horaire ou journalière, et aucune publicité à regarder avant de voir le résultat.
Autres outils Outils créateur
RUPO Studio