Convertisseur de couleurs HEX, RGB et HSL

Trois notations pour une couleur sRGB

HEX

Notation hexadécimale compacte courante en CSS et HTML. Cet outil accepte #RGB et #RRGGBB, par exemple #FF5733.

RGB

Valeurs des canaux rouge, vert et bleu de 0 à 255, par exemple rgb(255, 87, 51).

HSL

Teinte de 0° à 360°, saturation et luminosité de 0 % à 100 %. Modifier une composante permet de créer des variantes.

Exemples

• Rouge pur : #FF0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%).
• Bleu royal : #4169E1 → rgb(65, 105, 225) → environ hsl(225, 73%, 57%).
• Vert clair : hsl(120, 80%, 70%) → #75F075 et rgb(117, 240, 117).

Principe de conversion

1. HEX vers RGB : séparez les paires hexadécimales du rouge, du vert et du bleu, puis convertissez chaque paire en valeur décimale.
2. RGB vers HEX : convertissez chaque canal décimal en deux chiffres hexadécimaux et placez-les après #.
3. RGB et HSL : le convertisseur applique les calculs des canaux et de la teinte ; les valeurs HSL affichées sont arrondies à l’entier.

Quand utiliser chaque notation

• HEX est compact et courant dans CSS, HTML et les outils de conception.
• RGB indique directement les valeurs des canaux rouge, vert et bleu.
• HSL peut faciliter le réglage de la teinte, de la saturation ou de la luminosité.

Valeurs prises en charge et limites

• L’outil accepte les couleurs sRGB opaques en HEX court ou long, en rgb() séparé par des virgules et en hsl() séparé par des virgules.
• La transparence alpha, RGBA, HSLA, la syntaxe CSS moderne séparée par des espaces, les noms de couleurs et les espaces à gamut étendu ne sont pas pris en charge.
• La sortie HSL est arrondie aux degrés et pourcentages entiers ; une conversion inverse peut donner une couleur proche plutôt que les canaux d’origine exacts.
• La couleur et le résultat restent dans ce navigateur ; la page et son code sont chargés depuis le site.

Questions fréquentes