Puis-je saisir une couleur transparente ?

Non. Cette version convertit les couleurs opaques. Les formats HEX à huit chiffres et rgba ne sont pas acceptés.

Pourquoi afficher le HSL ?

Le HSL décrit la teinte, la saturation et la luminosité. Il peut être plus pratique pour ajuster une couleur dans une feuille CSS.

Convertir une couleur HEX et RGB

Convertissez une couleur HEX ou RGB en HEX, RGB et HSL. Visualisez la teinte et copiez les valeurs CSS pour votre site ou vos créations.

Traitement dans votre navigateur, aucune saisie envoyée

Votre résultat

Renseignez les champs puis lancez le traitement.

Exemple

#336699 correspond à rgb(51, 102, 153) et hsl(210, 50%, 40%).

Comment utiliser cet outil

1Renseignez couleur hex ou rgb.
2Cliquez sur « Appliquer » pour obtenir le résultat.
3Vérifiez le résultat, puis copiez-le ou téléchargez-le.

Les avantages

#336699 correspond à rgb(51, 102, 153) et hsl(210, 50%, 40%).
Saisie originale conservée pour ajuster le résultat
Copie et téléchargement sans inscription

Quand utiliser cet outil ?

Passez d’une valeur de charte graphique à une notation CSS utilisable dans une feuille de style. L’aperçu aide à vérifier que la bonne teinte a été saisie.

Exemple pratique

#336699 correspond à rgb(51, 102, 153) et hsl(210, 50%, 40%).

Règles et limites

L’entrée accepte HEX à 3 ou 6 chiffres et RGB entier de 0 à 255. Les noms de couleurs, la transparence et les entrées HSL ne sont pas pris en charge. Les valeurs HSL sont arrondies.

Les champs texte acceptent jusqu’à 200 000 caractères. Vos saisies restent dans cette page et sont effacées lorsque vous la quittez.

Questions fréquentes

Utilisez #369, #336699 ou rgb(51, 102, 153). Les trois canaux RGB doivent être des entiers entre 0 et 255.