Convertisseur de couleurs

Convertissez entre les notations de couleur HEX, RGB et HSL.

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Exemples d'utilisation

Convertir un code couleur depuis une maquette

Prenez un code HEX de votre outil de design et convertissez-le en valeur RGB ou HSL à utiliser directement dans votre CSS.

Construire un code HEX à partir de valeurs RGB

Saisissez les valeurs RGB relevées dans un éditeur d'image pour obtenir instantanément le code HEX correspondant.

Utiliser HSL pour raisonner sur la luminosité et la saturation

Convertissez la même couleur en HSL pour voir comment ajuster la saturation ou la luminosité tout en gardant exactement la même teinte.

Questions fréquentes

La valeur de couleur que je saisis est-elle envoyée à un serveur?

Non. Toutes les conversions s'effectuent entièrement dans votre navigateur, et les valeurs de couleur saisies ne sont jamais envoyées à un serveur.

Les codes HEX abrégés à 3 chiffres sont-ils pris en charge?

Oui. Les codes abrégés comme #FFF sont reconnus et étendus à 6 chiffres avant la conversion.

Quel format utiliser pour une saisie RGB ou HSL?

Séparez les nombres par des virgules ou des espaces — par exemple "59, 130, 246" pour RGB ou "217, 91, 60" pour HSL.

Choisir une couleur avec le sélecteur met-il aussi à jour les valeurs?

Oui. Toute couleur choisie avec le sélecteur met instantanément à jour les valeurs HEX, RGB et HSL.