ASAPUtils
Convertissez les valeurs entières de Rouge, Vert et Bleu (RGB) en codes couleur hexadécimaux (HEX) — instantanément, directement dans votre navigateur.
Qu’est-ce que RGB en HEX ?
RGB et HEX sont deux façons de décrire la même couleur. RGB utilise trois entiers de 0 à 255 pour les canaux rouge, vert et bleu. HEX représente les mêmes valeurs en notation base 16 — par exemple, rgb(58, 123, 213) devient #3A7BD5. Les navigateurs web, les frameworks CSS et la plupart des flux de travail de transfert de conception utilisent des codes HEX, donc savoir convertir entre les deux est une tâche quotidienne pour les développeurs web et les designers.
Ce convertisseur prend vos valeurs RGB et fournit immédiatement le code HEX correct, sans aucun rechargement de page ni appel serveur.
Comment utiliser RGB en HEX
- Entrez la valeur Rouge (0-255) dans le premier champ.
- Entrez la valeur Vert (0-255) dans le deuxième champ.
- Entrez la valeur Bleu (0-255) dans le troisième champ. 4. Le code HEX se met à jour instantanément pendant que vous tapez.
- Cliquez sur le bouton copier pour récupérer le résultat dans votre presse-papiers.
Cas d’utilisation
Traduction des spécifications de conception en CSS — Les outils de conception comme Figma et Adobe XD affichent souvent les valeurs de couleur en RGB. Lors de la rédaction de CSS, vous avez besoin de l’équivalent HEX. Au lieu de faire les calculs en base 16 à la main, collez les valeurs ici et copiez le résultat directement dans votre feuille de style.
Correspondance des couleurs de marque sur différentes plateformes — Les lignes directrices de marque documentent parfois les couleurs en RGB (en particulier pour les flux de travail d’impression). Lors de la création d’un projet web, vous avez besoin de ces mêmes couleurs en HEX. Cet outil vous fournit une conversion précise sans erreur d’arrondi.
Audit d’accessibilité — Les DevTools des navigateurs renvoient les couleurs calculées au format rgb(). Lorsque vous documentez les ratios de contraste des couleurs ou que vous créez un guide de style, vous souhaitez souvent des codes HEX pour plus de cohérence. Convertissez-les ici en une seconde. ## Pourquoi utiliser cet outil
Tout le traitement se fait localement dans votre navigateur. Vos valeurs de couleur ne quittent jamais votre ordinateur, ce qui est important lorsque vous travaillez avec des éléments de marque confidentiels ou des tokens de conception propriétaires. Aucun compte n’est requis, pas de publicités et pas de suivi — juste une conversion rapide et précise à chaque fois.
Comme il s’exécute côté client, il fonctionne également hors ligne. Ouvrez la page une fois, et le convertisseur continue de fonctionner même si votre connexion est interrompue en cours de session.
Comprendre les calculs derrière la conversion RGB en HEX La conversion des valeurs RGB en HEX est basée sur la conversion d’entiers en base 10 (décimale) compris entre 0 et 255 en représentations en base 16 (hexadécimale). Dans le système décimal, nous utilisons dix chiffres (0-9). Dans le système hexadécimal, nous utilisons seize caractères (0-9 suivis de A-F, où A représente 10, B représente 11, et ainsi de suite jusqu’à F représentant 15). Pour convertir un seul canal de couleur, comme le Rouge, vous divisez la valeur par 16. Le quotient de cette division vous donne le premier chiffre hexadécimal, et le reste vous donne le deuxième chiffre. Par exemple, si la valeur de votre canal Rouge est de 186, vous divisez 186 par 16, ce qui donne un quotient de 11 et un reste de 10. En notation hexadécimale, 11 se traduit par le caractère “B” et 10 se traduit par le caractère “A”. Par conséquent, la valeur décimale 186 devient “BA” en HEX. En répétant ce calcul simple pour les canaux Vert et Bleu et en concaténant les trois valeurs à deux chiffres ensemble, vous obtenez le code HEX final de six caractères précédé d’un signe dièse (#).
Outils connexes
- HEX vers RGB - Convertir les codes couleur hexadécimaux en valeurs RGB
- Sélecteur de couleur - Choisir n’importe quelle couleur et obtenir HEX, RGB, HSL
- Générateur de slug - Créer des slugs d’URL optimisés pour le SEO