Génération
100% dans votre navigateur
Convertisseur de couleur
Convertissez les couleurs entre les formats HEX, RGB et HSL instantanément. Inclut un sélecteur de couleur et un aperçu en direct.
← cliquer pour ouvrir le sélecteur
HEX
RGB
HSL
Valeurs CSS
Convertisseur de couleur
Convertissez n’importe quelle couleur entre les formats HEX, RGB et HSL instantanément. Utilisez le sélecteur de couleur pour une sélection visuelle, ou tapez directement dans n’importe quel champ.
Les formats de couleur expliqués
- HEX (#rrggbb) : un code hexadécimal à 6 chiffres utilisé en HTML et CSS. Le format le plus courant pour le design web.
- RGB (r, g, b) : définit la couleur par l’intensité du rouge, du vert et du bleu (0–255 chacun). Natif aux écrans et affichages numériques.
- HSL (teinte, saturation, luminosité) : un modèle intuitif. La teinte est l’angle sur la roue chromatique (0–360°), la saturation est l’intensité (0–100 %), la luminosité est la clarté (0–100 %).
Quand utiliser quel format
- Utilisez HEX dans les feuilles de style CSS et les outils de design (Figma, Photoshop).
- Utilisez RGB avec canvas, WebGL ou quand vous avez besoin d’un contrôle numérique des canaux.
- Utilisez HSL pour construire des systèmes de couleurs dynamiques (ex. ajuster la luminosité pour le mode sombre).