Quel format le convertisseur de couleur accepte-t-il en entrée ?

Il prend un code couleur HEX. Vous pouvez le coller avec ou sans le signe dièse de tête, et les formats courts à 3 caractères (comme

Convertit-il le RGB ou le HSL vers le HEX ?

Pas pour le moment. L'outil actuel lit un code HEX et renvoie les valeurs RGB et HSL équivalentes. Si vous n'avez que du RGB ou du HSL, il vous faudrait d'abord le code HEX pour utiliser ce convertisseur.

Les valeurs RGB et HSL sont-elles exactes pour le CSS ?

Oui. La sortie est formatée pour être collée directement dans le CSS, par exemple rgb(43, 89, 255) et hsl(227, 100%, 58%). Les valeurs sont arrondies à l'entier, ce qui correspond à l'affichage des navigateurs.

Convertisseur de couleur

Choisir une couleur

Valeur de la couleur

Ce que fait le convertisseur de couleur

Donnez-lui un code couleur HEX et il vous renvoie la même couleur écrite de trois façons, en HEX, en RGB et en HSL. Cela couvre les formats que les designers et les développeurs front-end utilisent le plus souvent. Vous avez récupéré un échantillon en #2b59ff mais votre variable CSS attend une valeur rgb() ? Collez-le ici et copiez la ligne dont vous avez besoin. C’est pratique pour faire correspondre des couleurs de marque, remplir un jeton de design ou simplement vérifier l’allure d’une teinte en HSL avant d’ajuster sa luminosité.

Comment l’utiliser

Saisissez ou collez un code couleur HEX dans le champ de saisie. Le dièse est optionnel, et les formats courts comme #2bf ainsi que les codes complets comme #2b59ff sont acceptés.
Appuyez sur le bouton Convertir.
Lisez la zone de résultat, qui présente les versions HEX, RGB et HSL sur des lignes distinctes.
Copiez la ligne qui vous convient directement dans votre feuille de style ou votre fichier de design.

Si vous saisissez quelque chose qui n’est pas un code HEX valide, l’outil vous le signale et affiche le format attendu.

Pourquoi convertir vos couleurs ici

C’est rapide. Il n’y a aucune étape de téléversement ni d’attente, car le calcul se fait dès que vous cliquez sur Convertir. C’est aussi confidentiel, le calcul s’exécute localement dans votre navigateur, vos codes couleur restent donc sur votre appareil et la page continue de fonctionner même hors connexion. Et c’est gratuit, sans compte à créer.

La sortie RGB et HSL est déjà formatée comme le CSS l’attend, parenthèses et pourcentages compris, prête à coller sans retouche. Retrouvez d’autres utilitaires pour développeurs sur la page catégorie dev.

Une astuce rapide

Travailler en HSL facilite les variations de teinte. Convertissez votre HEX de base, puis ajustez le dernier nombre (la luminosité) vers le haut ou le bas pour créer une version plus claire ou plus foncée de la même teinte sans en perdre le caractère.

Questions fréquentes

Quel format le convertisseur de couleur accepte-t-il en entrée ?: Il prend un code couleur HEX. Vous pouvez le coller avec ou sans le signe dièse de tête, et les formats courts à 3 caractères (comme
Convertit-il le RGB ou le HSL vers le HEX ?: Pas pour le moment. L'outil actuel lit un code HEX et renvoie les valeurs RGB et HSL équivalentes. Si vous n'avez que du RGB ou du HSL, il vous faudrait d'abord le code HEX pour utiliser ce convertisseur.
Les valeurs RGB et HSL sont-elles exactes pour le CSS ?: Oui. La sortie est formatée pour être collée directement dans le CSS, par exemple rgb(43, 89, 255) et hsl(227, 100%, 58%). Les valeurs sont arrondies à l'entier, ce qui correspond à l'affichage des navigateurs.