Conception de sites web et CSS
Convertissez une couleur issue d'un fichier de conception ou d'une capture d'écran en code hexadécimal compatible avec votre feuille de style.
Convertisseur RVB-HEX — Convertissez des valeurs RVB en codes hexadécimaux, et inversement, avec un aperçu en temps réel.
Saisissez des valeurs en rouge, vert et bleu, choisissez une couleur ou collez un code hexadécimal pour afficher simultanément tous les formats : HEX, RVB et HSL. Un aperçu en temps réel et un test de contraste vous indiquent quelle couleur de texte convient le mieux. Tout fonctionne directement dans votre navigateur.
Convertir une couleur
Vos couleurs sont enregistrées dans votre navigateur
Choisissez ou saisissez une couleur
Aa
Codes couleur
HEX
–RGB (CSS)
–HSL (CSS)
––Best text color on it
–Rapport de contraste
Le guide
Guide de conversion RVB vers HEX : codes de couleur, HSL et contraste
Découvrez comment fonctionnent les codes couleur et comment choisir des combinaisons de couleurs faciles à distinguer.
À quoi sert un convertisseur RVB-HEX ?
Les écrans reproduisent toutes les couleurs en mélangeant la lumière rouge, verte et bleue. Le système RVB exprime ce mélange sous la forme de trois nombres compris entre 0 et 255. Le système HEX exprime ces mêmes trois nombres en base 16 sous la forme d'un code court, tel que #1F3A5F, qui est couramment utilisé dans le CSS, les outils de conception et les chartes graphiques.
Saisissez les trois chiffres, choisissez une couleur à l'aide du sélecteur ou collez un code hexadécimal. Tous les formats sont mis à jour simultanément ; vous obtenez également une version HSL ainsi qu'une analyse permettant de déterminer quelle couleur de texte offre la meilleure lisibilité sur cette couleur.
Pourquoi les gens convertissent-ils les valeurs RVB en valeurs HEX ?
Marque et documents
Veillez à ce que les couleurs de la marque soient cohérentes entre le fichier du logo, une présentation PowerPoint et un site web.
Accessibilité
Vérifiez quelle couleur de texte convient le mieux à un fond donné et contrôlez le rapport de contraste avant de publier.
Comment convertir un code RVB en code HEX
Chacun des trois nombres est converti en une valeur à deux chiffres en base 16, puis les trois paires sont assemblées.
RVB : 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX : #1F3A5F
La base 16 utilise les chiffres de 0 à 9 et les lettres de A à F, où A correspond à 10 et F à 15. Un code abrégé tel que #FA0 est une forme raccourcie : chaque chiffre est doublé, ce qui signifie donc #FFAA00.
Couleurs courantes en RVB et en HEX
| Couleur | RVB | HEX |
|---|---|---|
| Noir | 0, 0, 0 | #000000 |
| Blanc | 255, 255, 255 | #FFFFFF |
| Rouge | 255, 0, 0 | #FF0000 |
| Vert | 0, 255, 0 | #00FF00 |
| Bleu | 0, 0, 255 | #0000FF |
| Jaune | 255, 255, 0 | #FFFF00 |
| Orange | 255, 165, 0 | #FFA500 |
| Gris | 128, 128, 128 | #808080 |
Comment utiliser le convertisseur RVB-HEX
- Saisissez les valeurs de rouge, vert et bleu, ou cliquez sur l'échantillon pour utiliser le sélecteur de couleurs.
- Ou collez un code hexadécimal dans le champ « Hex » pour effectuer la conversion inverse.
- Lisez les codes HEX, RVB et HSL, puis vérifiez le rapport de contraste et la meilleure couleur pour le texte.
- Cliquez sur « Copier » à côté du format souhaité.
Quelques conseils simples pour travailler avec les couleurs
- Pour garantir la lisibilité du texte, visez un rapport de contraste d'au moins 4,5 : 1 pour le texte normal et de 3 : 1 pour le texte en gros caractères.
- Les codes hexadécimaux ne font pas la distinction entre majuscules et minuscules ; ainsi, #1f3a5f et #1F3A5F correspondent à la même couleur.
- Le signe # au début est obligatoire en CSS, mais facultatif ici. Vous pouvez coller les codes avec ou sans ce signe.
- Les écrans et les imprimantes affichent les couleurs différemment ; il se peut donc qu'une couleur imprimée ne corresponde pas à celle que vous voyez à l'écran.
Restrictions et confidentialité
Confidentialité
Vos couleurs sont converties dans votre navigateur. Aucune donnée n'est envoyée à notre serveur ni stockée. Seul le choix des minuscules est mémorisé sur votre appareil.
Limites
Cet outil fonctionne avec les couleurs sRGB standard 8 bits, comprises entre 0 et 255 par canal. Il ne prend pas en charge la transparence (RGBA ou hexadécimal à 8 chiffres), le CMJN pour l'impression, ni les espaces colorimétriques à large gamme.
Questions fréquentes
FAQ sur le convertisseur RVB-HEX
Comment convertir une valeur RVB en valeur HEX ?
Saisissez les valeurs rouge, verte et bleue, chacune comprise entre 0 et 255. L'outil convertit chaque nombre en deux chiffres en base 16 et les enchaîne ; ainsi, 31, 58, 95 devient #1F3A5F.
Comment convertir une valeur hexadécimale en RVB ?
Collez le code hexadécimal dans le champ « Hex ». Les trois valeurs RVB s'affichent automatiquement. Par exemple, #FF8800 correspond à 255, 136, 0.
Le code hexadécimal doit-il comporter le signe # ?
Non. Vous pouvez le saisir avec ou sans le signe #, et les codes abrégés tels que #FA0 fonctionnent également. Le résultat inclut toujours le signe #, ce qui le rend compatible avec le CSS.
Que signifient ces trois valeurs RVB ?
Il s'agit des valeurs de la lumière rouge, verte et bleue, comprises entre 0 (aucune) et 255 (maximum). 0, 0, 0 correspond au noir et 255, 255, 255 au blanc.
À quoi sert la valeur HSL ?
Le modèle HSL décrit une couleur à l'aide de la teinte, de la saturation et de la luminosité. Il est souvent plus facile de procéder à des ajustements manuels, par exemple pour éclaircir légèrement une couleur, et ce modèle s'utilise directement en CSS.
Que m'indique le rapport de contraste ?
Cet indicateur permet de déterminer dans quelle mesure le texte noir ou blanc ressort bien sur votre fond. Un rapport de 4,5 : 1 ou plus correspond au seuil minimum habituellement requis pour le texte standard, conformément aux directives d'accessibilité WCAG.
Puis-je ajouter de la transparence ?
Pas ici. Cet outil ne prend en charge que les couleurs opaques, sans canal alpha. Pour obtenir de la transparence, ajoutez vous-même une valeur alpha dans la fonction rgba() de votre CSS.
Mes données sont-elles enregistrées ou transmises quelque part ?
Non. La conversion s'effectue dans votre navigateur et aucune donnée ne quitte votre appareil. Seul votre choix de minuscules est mémorisé pour la prochaine fois.
D'après les utilisateurs de cet outil
Avis
Chargement des avis…
Continue comme ça
Encore plus d'outils à disposition
La page d'accueil propose des dizaines d'autres outils gratuits qui ne nécessitent pas de clé API.
Générateur d'UUID
Générer en masse des UUID aléatoires de type v4, v7 et v5.
Ouvrir l'outilSuppresseur d'espaces blancs
Supprimez les espaces superflus, les tabulations et les lignes vides.
Ouvrir l'outilConvertisseur d'unités
Convertissez les longueurs, les poids, les vitesses et bien plus encore.
Ouvrir l'outilConvertisseur de chiffres romains
Convertir des nombres en chiffres romains et inversement.
Ouvrir l'outil