Convertisseur RVB en Hexadécimal

Le Convertisseur RVB en Hexadécimal convertit instantanément les valeurs de couleur RVB (Rouge, Vert, Bleu) en codes de couleur hexadécimaux utilisés dans le design web, le CSS et les applications graphiques. Il fournit une sortie multi-format incluant HSL, HSV et CMJN, ainsi que des fragments de code CSS, des palettes d'harmonie des couleurs, la vérification du contraste d'accessibilité WCAG et la correspondance de couleur nommée la plus proche.

Comment fonctionne la conversion RVB en Hexadécimal

RVB (Rouge, Vert, Bleu) et Hex sont deux notations différentes pour le même modèle de couleur additif utilisé par les écrans électroniques. Chaque canal de couleur va de 0 à 255 en décimal. Pour convertir en Hex, chaque valeur de canal décimal est exprimée sous la forme d'un nombre hexadécimal à deux chiffres (base 16), et les trois paires sont combinées avec un préfixe #.

La formule de conversion

Pour chaque valeur de canal V (0–255) :

1. Divisez V par 16. Le quotient est le premier chiffre hexadécimal, le reste est le second.
2. Mappez les chiffres 10–15 aux lettres A–F.
3. Combinez : #RRGGBB

Exemple : RVB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (Orange)

Formats de couleur expliqués

HEX (Hexadécimal)

La notation de couleur la plus courante dans le développement web. Un # suivi de 6 chiffres hexadécimaux représentant RR, GG, BB. Le raccourci (#RGB) est disponible lorsque chaque paire a des chiffres identiques, par ex. #FF0000 → #F00.

HSL (Teinte, Saturation, Luminosité)

Un modèle plus intuitif pour les designers. La Teinte est un angle sur la roue chromatique (0°–360°), la Saturation est la vivacité (0–100%) et la Luminosité va du noir (0%) à travers la couleur pure (50%) jusqu'au blanc (100%). Le HSL facilite la création de variations de couleurs en ajustant un seul paramètre.

HSV / HSB (Teinte, Saturation, Valeur / Luminosité)

Semblable au HSL mais définit la luminosité différemment. Une valeur de 100 % signifie que la couleur est dans son état le plus brillant possible pour cette teinte et cette saturation. Ce modèle est utilisé dans de nombreuses applications de conception graphique comme Photoshop et Figma.

CMJN (Cyan, Magenta, Jaune, Noir)

Un modèle de couleur soustractif utilisé pour l'impression. Alors que les écrans ajoutent de la lumière (RVB), les imprimantes mélangent des encres qui absorbent la lumière (CMJN). La conversion en CMJN est essentielle lors de la préparation de conceptions numériques pour l'impression physique afin de garantir la précision des couleurs.

Types d'harmonie de couleurs

Les harmonies de couleurs sont des combinaisons de couleurs basées sur leurs positions sur la roue chromatique. Cet outil en génère quatre types :

• Complémentaire : La couleur directement opposée sur la roue (espacée de 180°). Crée un contraste maximal et un impact visuel.
• Analogue : Couleurs adjacentes sur la roue (±30°). Crée des designs harmonieux et confortables que l'on trouve couramment dans la nature.
• Triadique : Trois couleurs uniformément espacées (espacées de 120°). Offre un contraste vibrant tout en maintenant l'équilibre.
• Complémentaire adjacente : Les deux couleurs adjacentes à la complémentaire (150° et 210°). Une alternative plus douce à la complémentaire avec plus de variété.

Accessibilité et contraste WCAG

Les directives d'accessibilité aux contenus Web (WCAG) définissent des rapports de contraste pour garantir la lisibilité :

Conversions RVB vers Hex courantes

Foire aux questions

Comment convertir le RVB en Hex ?

Pour convertir le RVB en Hex, prenez chaque valeur de canal de couleur (0-255), divisez par 16 pour obtenir le quotient et le reste, puis mappez chacun aux chiffres hexadécimaux (0-9, A-F). Combinez les trois valeurs hexadécimales à 2 chiffres avec un préfixe #. Par exemple, RVB(255, 165, 0) devient #FFA500 : 255→FF, 165→A5, 0→00.

Quelle est la différence entre les codes de couleur RVB et Hex ?

Le RVB et l'Hex représentent les mêmes couleurs en utilisant une notation différente. Le RVB utilise trois nombres décimaux (0-255) pour les canaux Rouge, Vert et Bleu, comme rgb(255, 0, 0). L'Hex utilise un # suivi de six chiffres hexadécimaux, comme #FF0000. Les deux encodent des informations de couleur identiques — l'Hex est simplement une représentation en base 16 plus compacte des mêmes valeurs RVB.

Quel modèle de couleur l'Hex utilise-t-il ?

Les codes de couleur Hex utilisent le modèle de couleur additif RVB (Rouge, Vert, Bleu), le même modèle utilisé par les écrans d'ordinateur. Les six chiffres hexadécimaux représentent trois paires : les deux premiers pour le rouge, les deux du milieu pour le vert et les deux derniers pour le bleu. Chaque paire va de 00 (intensité 0) à FF (intensité maximale 255).

Qu'est-ce qu'un rapport de contraste WCAG ?

Le rapport de contraste WCAG mesure la différence de luminance entre deux couleurs, utilisé pour assurer la lisibilité du texte pour les personnes ayant des déficiences visuelles. Le rapport va de 1:1 (aucun contraste) à 21:1 (maximum). Le WCAG 2.0 exige au moins 4,5:1 pour le texte normal (niveau AA), 3:1 pour le texte large (AA Large) et 7:1 pour le contraste amélioré (niveau AAA).

Comment convertir le RVB en HSL ?

Pour convertir le RVB en HSL : normalisez R, V, B de 0 à 1, trouvez les valeurs max et min, calculez la Luminosité comme (max+min)/2, la Saturation dépend de la luminosité et la Teinte est calculée en fonction du canal dominant (0° pour le rouge, 120° pour le vert, 240° pour le bleu) ajustée par la différence entre les canaux.

Qu'est-ce que le CMJN et quand dois-je l'utiliser ?

CMJN signifie Cyan, Magenta, Jaune et Noir (Key). C'est un modèle de couleur soustractif utilisé pour l'impression. Alors que le RVB/Hex sont utilisés pour les écrans (mélange de lumière additive), le CMJN est essentiel pour la conception imprimée car les imprimantes mélangent de l'encre plutôt que de la lumière. La conversion du RVB en CMJN permet de s'assurer que vos couleurs numériques se traduisent correctement sur les supports imprimés.

Ressources supplémentaires

• Directives de contraste WCAG 2.1