About This Tool

What is Convertisseur de codes couleur?

A tool for converting between HEX, RGB, and HSL color codes. Useful for web design and development when you need to express colors in different formats. Includes a visual color picker for selecting colors directly.

How to Use

  1. Enter a color code in any format (HEX, RGB, or HSL).
  2. Or click the color picker to select a color visually.
  3. All other format codes are automatically converted and displayed.
  4. Copy the values in your preferred format.

Key Features

  • Supports HEX, RGB, and HSL color code formats
  • Visual color picker
  • Real-time cross-format conversion
  • Color preview display

Tips

  • HEX codes are the most commonly used color format in CSS.
  • HSL (Hue, Saturation, Lightness) makes color adjustment more intuitive.
  • RGB values range from 0-255 per channel, and rgba() allows transparency control.

Convertisseur de codes couleur

Convertir entre les codes couleur HEX, RGB et HSL

#3B82F6

Frequently Asked Questions

Quand utiliser HEX, RGB ou HSL en CSS ?

HEX (#FF5733) est le plus compact et le plus utilisé. RGB/RGBA est préférable quand vous avez besoin de transparence (canal alpha). HSL est le plus intuitif pour la manipulation des couleurs — changer la teinte fait tourner la roue chromatique, ajuster la luminosité l'éclaircit/l'assombrit. Utilisez HSL pour générer programmatiquement des variations de couleur.

Quelle est la différence entre la notation HEX à 3 et 6 chiffres ?

Le HEX à 3 chiffres (#F00) est un raccourci où chaque chiffre est doublé : #F00 = #FF0000. Cela ne fonctionne que quand chaque paire a des chiffres identiques. #ABC = #AABBCC, mais il n'y a pas de raccourci pour #A1B2C3. Le HEX à 8 chiffres (#FF000080) ajoute la transparence alpha.

Comment choisir des combinaisons de couleurs accessibles ?

Les directives WCAG exigent un ratio de contraste d'au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. Utilisez HSL pour ajuster rapidement la luminosité et améliorer le contraste. Du texte foncé sur fond clair (ou l'inverse) avec une différence de luminosité suffisante assure la lisibilité.


Related Tools