Convertisseur de couleurs HEX, RGB et HSL

Convertissez une couleur entre HEX, RGB, HSL et HSV, avec un aperçu, des formats CSS prêts à copier et le contraste avec du texte blanc ou noir.

  • Simple et rapide
  • Résultats instantanés
  • Gratuit, sans inscription
Dans cette page
  1. Convertisseur de couleurs HEX, RGB et HSL
  2. Comment ça marche ?
  3. Aperçu
  4. Exemple de calcul
  5. Questions fréquentes
  6. Calculatrices associées
  7. Méthodologie

Comment ça marche ?

Saisissez la couleur en HEX (#RGB ou #RRGGBB), en RGB (0 à 255 par canal) ou en HSL (teinte en degrés, saturation et luminosité en %). Les autres formats sont calculés dans l’espace sRGB 8 bits.

Le contraste suit la formule WCAG 2 : 4,5 : 1 au moins pour le texte courant (AA), 7 : 1 pour le niveau AAA. Pour les nombres hexadécimaux, voyez le convertisseur de bases.

Aperçu

Texte
Texte

Exemple de calcul

#1D6FA5 = rgb(29, 111, 165) = hsl(204, 70 %, 38 %) ; contraste de 5,43 : 1 avec du texte blanc (AA).

Questions fréquentes

HEX et RGB, quelle différence ?

La même couleur écrite autrement : HEX note chaque canal en hexadécimal (00 à FF).

Pourquoi la reconversion HSL change-t-elle d’une unité ?

Les valeurs HSL affichées sont arrondies à l’entier.

Qu’est-ce que le niveau AA ?

Le niveau de contraste recommandé par les WCAG pour que le texte reste lisible.

Calculatrices associées

Voir toutes les calculatrices Conversions.

Méthodologie

HEX ↔ RGB par canal (base 16) ; HSL et HSV par les formules standard ; luminance relative et contraste (L1 + 0,05) ÷ (L2 + 0,05) selon les WCAG 2.

Résultats indicatifs, fournis sans garantie. Ils ne remplacent pas l’avis d’un professionnel.