Convertisseur de couleur
Convertissez une couleur entre les formats HEX, RGB et HSL avec un aperçu en direct - modifiez n'importe quelle valeur et les autres se mettent à jour instantanément.
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
Questions fréquentes
Quelle est la différence entre RGB et HSL ?
RGB décrit une couleur par ses composantes de lumière rouge, verte et bleue (0-255 chacune). HSL décrit la même couleur par la teinte (position sur la roue chromatique, 0-360°), la saturation (intensité, 0-100%) et la luminosité (0-100%). HSL est souvent plus intuitif pour ajuster une couleur, comme l'éclaircir ou l'assourdir, sans changer sa teinte.
Puis-je saisir un code hex à 3 chiffres comme #fff ?
Oui, les codes hex abrégés à 3 chiffres sont développés automatiquement, #fff devient #ffffff avant la conversion.
Pourquoi convertir HEX en HSL plutôt que d'utiliser HEX partout ?
HSL facilite certaines astuces CSS, comme générer un ensemble de nuances de couleur cohérentes en ne changeant que la valeur de luminosité, ou construire une palette de couleurs accessible en contrôlant la saturation et la luminosité indépendamment de la teinte.