Toolorio

Convertisseur de couleurs

Entrez une couleur en HEX ou RGB pour la voir instantanément convertie en HEX, RGB et HSL, avec un aperçu en direct.

RGB
rgb(79, 124, 255)
HSL
hsl(225, 100%, 65%)

Your files are processed locally in your browser. They are not uploaded to our servers.

Comment l'utiliser

  1. Tapez un code couleur HEX à 6 chiffres, ou ajustez les champs numériques R, G et B.
  2. L'aperçu ainsi que les valeurs RGB et HSL se mettent à jour en direct pendant que vous tapez.
  3. Copiez le format dont vous avez besoin.

Qu'est-ce que cet outil ?

Le Convertisseur de couleurs prend une couleur au format HEX ou RGB et affiche instantanément la valeur équivalente dans les trois formats de couleur web les plus courants — HEX, RGB et HSL — avec un aperçu de couleur en direct. Tous les calculs se font localement dans votre navigateur.

Utilisations courantes

  • Convertir la couleur HEX d'un outil de design en RGB ou HSL prêt pour le CSS
  • Ajuster la teinte, la saturation ou la luminosité d'une couleur avec HSL
  • Vérifier à quoi ressemble réellement un code HEX avant de l'utiliser
  • Traduire une couleur de marque entre formats pour différents outils

Outils similaires

PWGénérateur de mot de passeOutils de développement{}Formateur JSONOutils de développement64Codeur/Décodeur Base64Outils de développementURLEncodeur/décodeur d'URLOutils de développementUIDGénérateur d'UUIDOutils de développementSHAGénérateur de hachageOutils de développementTSConvertisseur d'horodatageOutils de développementC2JConvertisseur CSV vers JSONOutils de développementJ2CConvertisseur JSON vers CSVOutils de développementJ2TConvertisseur JSON vers TypeScriptOutils de développement0x1Convertisseur de base numériqueOutils de développementIVConvertisseur de chiffres romainsOutils de développementUTMNettoyeur d'URL de suiviOutils de développementX2JXML vers JSONOutils de développementGFGénérateur CSS Grid et FlexboxOutils de développementBSGénérateur de box-shadow CSSOutils de développementCJGénérateur de cronjobOutils de développementRXTesteur de RegExOutils de développementHEConvertisseur d'entités HTMLOutils de développementTGGénérateur de fréquence et de tonalitéOutils de développementSTTesteur stéréo audioOutils de développementGCConvertisseur de coordonnées GPSOutils de développement

Questions fréquentes

Quels formats HEX sont pris en charge ?

Les codes HEX standards à 6 chiffres comme #4f7cff sont pris en charge, avec ou sans le # initial.

Puis-je modifier directement les valeurs RGB ?

Oui, les champs numériques R, G et B sont modifiables et mettent à jour instantanément les valeurs HEX et HSL.

À quoi sert le HSL ?

Le HSL (teinte, saturation, luminosité) permet de créer facilement des variantes plus claires, plus foncées ou plus saturées de la même couleur.