Convertisseur de couleurs

Convertissez les couleurs CSS entre HEX, RGB et HSL en conservant alpha.

Collez votre texte ou choisissez un fichier, réglez les options et lancez le traitement local. Vérifiez le résultat avant de le copier ou de le télécharger.

HEX à 3/4/6/8 chiffres, RGB numérique 0–255 et HSL avec saturation/luminosité 0–100 %. Noms CSS, var(), Lab, CMYK et profils à large gamut non pris en charge. HSL arrondi à 2 décimales ; un aller-retour peut introduire un écart.

Comment utiliser

Que fait cet outil ?

Convertissez les couleurs CSS entre HEX, RGB et HSL en conservant alpha. Les valeurs sRGB sont arrondies pour être copiées dans du CSS courant.

Convertisseur de couleurs

Convertissez les couleurs CSS entre HEX, RGB et HSL en conservant alpha. Les valeurs sRGB sont arrondies pour être copiées dans du CSS courant.

Étapes à suivre

  1. Collez votre texte ou choisissez un fichier, réglez les options et lancez le traitement local. Vérifiez le résultat avant de le copier ou de le télécharger.
  2. HEX accepte 3, 4, 6 ou 8 chiffres ; les canaux RGB vont de 0 à 255. Saturation et luminosité HSL sont en pourcentages ; alpha accepte une fraction ou un pourcentage.

Choisir les réglages

OptionCe qui change
OptionsHEX accepte 3, 4, 6 ou 8 chiffres ; les canaux RGB vont de 0 à 255. Saturation et luminosité HSL sont en pourcentages ; alpha accepte une fraction ou un pourcentage.
LimitesHEX à 3/4/6/8 chiffres, RGB numérique 0–255 et HSL avec saturation/luminosité 0–100 %. Noms CSS, var(), Lab, CMYK et profils à large gamut non pris en charge. HSL arrondi à 2 décimales ; un aller-retour peut introduire un écart.

Exemple et résultat attendu

#2563EB correspond à RGB 37, 99, 235 et HSL 221,21°, 83,19 %, 53,33 %. Le texte copié utilise le point décimal attendu par CSS.

Si cela ne fonctionne pas

  • Vérifiez la syntaxe et les plages des canaux. Remplacez une variable ou un nom par une valeur explicite ; de petits écarts après un aller-retour HSL peuvent venir de l'arrondi.

Formats et limites

HEX à 3/4/6/8 chiffres, RGB numérique 0–255 et HSL avec saturation/luminosité 0–100 %. Noms CSS, var(), Lab, CMYK et profils à large gamut non pris en charge. HSL arrondi à 2 décimales ; un aller-retour peut introduire un écart.

FAQ

Que fait cet outil ?

Convertissez les couleurs CSS entre HEX, RGB et HSL en conservant alpha. Les valeurs sRGB sont arrondies pour être copiées dans du CSS courant.

Quel réglage choisir ?

HEX accepte 3, 4, 6 ou 8 chiffres ; les canaux RGB vont de 0 à 255. Saturation et luminosité HSL sont en pourcentages ; alpha accepte une fraction ou un pourcentage.

Quelles sont les limites ?

HEX à 3/4/6/8 chiffres, RGB numérique 0–255 et HSL avec saturation/luminosité 0–100 %. Noms CSS, var(), Lab, CMYK et profils à large gamut non pris en charge. HSL arrondi à 2 décimales ; un aller-retour peut introduire un écart.

Pourquoi le traitement a-t-il échoué ?

Vérifiez la syntaxe et les plages des canaux. Remplacez une variable ou un nom par une valeur explicite ; de petits écarts après un aller-retour HSL peuvent venir de l'arrondi.

Mon entrée est-elle envoyée ou enregistrée ?

Non. Le traitement s’effectue sur votre appareil. Les entrées et résultats restent dans la mémoire de cette page jusqu’à leur effacement ou votre départ. ToolRobin ne les envoie, ne les journalise et ne les stocke pas. La copie place le résultat dans le presse-papiers de votre appareil.