Convertisseur de Couleur

Convertit une couleur entre les trois formats les plus courants en CSS et dans les outils de design — HEX (`#rrggbb`), RGB (`rgb(r, g, b)`) et HSL (`hsl(teinte, saturation%, luminosité%)`) — en mettant à jour les trois dès que l'un d'eux change, avec en plus un sélecteur de couleur pour choisir visuellement.

Tapez une valeur dans le champ HEX, RGB ou HSL, ou cliquez sur la pastille du sélecteur de couleur pour choisir visuellement ; les deux autres champs se mettent à jour automatiquement pour correspondre. Copiez le format voulu avec le bouton de copie.

Un bleu moyen pur comme `#3366CC` correspond à `rgb(51, 102, 204)` et `hsl(220, 60%, 50%)` — la même couleur, décrite de trois façons différentes selon qu'on pense en octets hexadécimaux, en canaux rouge/vert/bleu, ou en teinte/saturation/luminosité.

HEX et RGB décrivent tous deux une couleur comme des quantités de lumière rouge, verte et bleue, simplement écrites différemment (paires hexadécimales contre valeurs décimales de 0 à 255) ; HSL décrit au contraire une couleur par sa position sur un cercle chromatique (teinte), son intensité (saturation) et sa clarté (luminosité), ce que beaucoup trouvent plus intuitif pour ajuster des nuances.

HEX est le format le plus courant en CSS et dans les logiciels de design pour une couleur compacte et exacte ; RGB est courant dans le code canvas/graphique et là où les canaux individuels comptent ; HSL est souvent préféré pour générer des variations de couleur, car faire varier la luminosité ou la saturation produit des versions prévisiblement plus claires, plus sombres ou plus atténuées de la même teinte.

Cet outil convertit des couleurs entièrement opaques entre ces trois formats ; il ne gère ni la transparence alpha (RGBA/HSLA), ni les couleurs nommées CSS, ni d'autres espaces colorimétriques comme CMYK ou LAB.

La conversion s'exécute entièrement dans votre navigateur via du JavaScript côté client ; les couleurs saisies ne sont jamais transférées vers un serveur ni stockées.