ZenovayTools

Convertisseur RGB en HEX

Convertissez les couleurs entre les formats RGB, HEX, HSL et HSB/HSV instantanément. Sélecteur de couleurs avec aperçu en direct, vérificateur de contraste WCAG et référence des couleurs web courantes.

Color Values

HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
HSVhsv(9, 72%, 100%)
CSS nameTomato

Named Color Shortcuts

Comment utiliser Convertisseur RGB en HEX

  1. 1Entrez une couleur dans n'importe quel format : HEX (#rrggbb), RGB (r,g,b) ou HSL.
  2. 2Consultez l'aperçu de la couleur en temps réel.
  3. 3Copiez le code couleur converti dans votre format préféré.
  4. 4Utilisez le sélecteur de couleurs pour une sélection visuelle.
ZenovayAnalytics

Sachez ce que vos visiteurs font vraiment.

  • Suivi des visiteurs en temps réel
  • Vie privée d'abord, sans bandeau cookies
  • Installé en deux minutes
Découvrir Zenovay

Outils connexes

Convertisseur de Couleurs
Convertissez les couleurs entre les formats HEX, RGB, HSL et CMYK. Aperçu en direct avec sélecteur de couleurs.
Convertisseur d'Unités
Convertissez entre les unités de longueur, de poids, de température, de surface, de volume, de vitesse et bien d'autres.
Convertisseur de Base Numérique
Convertissez les nombres entre les bases binaires, octales, décimales et hexadécimales.
Convertisseur de timestamp Unix
Convertissez entre les timestamps Unix et les dates lisibles. Affichez ISO 8601, UTC, l'heure locale et l'heure relative.

Questions fréquemment posées

Comment convertir RGB en HEX ?▾
Chaque canal RVB (0-255) se convertit en une valeur hexadécimale à 2 chiffres. Formule : HEX = # + toHex(R) + toHex(G) + toHex(B). Exemple : RGB(255, 99, 71) → R=255=FF, G=99=63, B=71=47 → #FF6347 (rouge tomate). JavaScript : `'#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join('')`. En CSS, la notation abrégée à 3 chiffres (#RVB) fonctionne quand chaque paire est identique : #FFCC00 → #FC0.
Quelle est la différence entre RGB et HSL ?▾
RVB (rouge, vert, bleu) décrit la couleur comme des composants de lumière additive — le modèle utilisé par les écrans. TSL (Teinte, Saturation, Légèreté) décrit la couleur de manière plus intuitive : la teinte est l'angle de couleur (0-360°), la saturation est l'intensité de la couleur (0-100 %), la légèreté est la luminosité (0 % = noir, 100 % = blanc). TSL facilite la création de palettes de couleurs (ajustez L pour obtenir des teintes/tons) et des harmonies de couleurs (faire pivoter H de 30°/60°/120°).
Quelle est la différence entre HSL et TSV/TSB ?▾
TSL (Teinte, Saturation, Légèreté) : à L=50 %, vous obtenez une couleur pure, L=100 % = blanc. TSV/TSB (Teinte, Saturation, Valeur/Luminosité) : à V=100 %, vous obtenez une couleur pure, V=0 % = noir. TSL est utilisé en CSS (hsl()). TSV/TSB est utilisé dans la plupart des outils de conception (sélecteurs de couleur Photoshop, Figma, Sketch). Conversion : tous deux utilisent la même teinte mais calculent S et le troisième composant différemment. CSS ne prend pas nativement en charge TSV.
Que signifient RVBA et TSLA ?▾
RVBA et TSLA ajoutent un canal Alpha pour l'opacité : rgba(255, 99, 71, 0,5) = rouge tomate 50 % transparent. Plage Alpha : 0 (complètement transparent) à 1 (complètement opaque) en CSS rgba() ; 0-255 dans certains autres systèmes. HEX avec alpha : hex à 8 chiffres (#RRGGBBAA) — pris en charge en CSS moderne. Exemple : #FF634780 = rouge tomate à ~50 % d'opacité (80 hex = 128 décimal = ~50 %). hex à 6 chiffres n'a pas d'alpha.
Que sont les couleurs nommées CSS ?▾
CSS définit 147 couleurs nommées, du « rouge » (#FF0000) au « rebeccapurple » (#663399, nommé d'après la fille d'un développeur en 2014). Étendu à partir de HTML 4 (16 couleurs de base) via CSS 1/2/3. « transparent » est également un mot-clé valide (rgba(0,0,0,0)). Les couleurs nommées sont insensibles à la casse. Tous les navigateurs modernes prennent en charge les 147 couleurs nommées. « currentColor » est un mot-clé spécial qui hérite de la valeur de la propriété de couleur de l'élément.