Ajoutez votre entrée
Une valeur HEX, RGB(A) ou HSL(A).
Atelier de design
Convertisseur de couleurs
Gardez les formats synchronisés pendant l’analyse d’une couleur.
Confidentialité intégréeVotre travail reste avec vous
Valeurs converties
La transparence alpha est conservée lorsqu’elle est présente.
HEX
#14B8A6RGB
rgb(20, 184, 166)HSL
hsl(173, 80.4%, 40.0%)Propriété personnalisée CSS
--color-brand: #14B8A6;Votre travail reste privé dans le navigateur pendant l’utilisation de cet outil.
Que fait convertisseur de couleurs ?
Convertissez une couleur CSS entre HEX, RGB(A) et HSL(A) tout en conservant le canal alpha lorsqu’il existe. Une propriété personnalisée CSS est également produite pour un collage direct.
- Entrée
- Une valeur HEX, RGB(A) ou HSL(A).
- Résultat
- Des valeurs de couleur et une propriété CSS prêtes à copier.
- Prix
- Gratuit
- Compte
- Non requis
Comment utiliser convertisseur de couleurs
Choisissez les réglages
Gardez les formats synchronisés pendant l’analyse d’une couleur.
Enregistrez ou copiez
Des valeurs de couleur et une propriété CSS prêtes à copier.
Conseil pratique
Conservez le canal alpha lorsque la transparence est nécessaire.
Quand utiliser convertisseur de couleurs
Passer une couleur HEX de maquette en RGB ou HSL pour une feuille de styles.
Examiner la teinte, la saturation et la luminosité d’une valeur RGB.
Normaliser un HEX court ou avec alpha avant de l’enregistrer comme token.
Exemple
Un exemple concret avec convertisseur de couleurs
- Entrée
- rgba(20, 184, 166, 0.5)
- Résultat
- Le résultat comprend #14B8A680, rgba(20, 184, 166, 0.50), hsla(173, 80.4%, 40.0%, 0.50) et une variable CSS.
À quoi s’attendre
Fonctionnement
L’analyseur accepte les variantes HEX de 3, 4, 6 ou 8 chiffres et les fonctions numériques rgb(), rgba(), hsl() et hsla(). Les canaux sont convertis puis arrondis uniquement pour l’affichage.
Avant utilisation
Limites et cas particuliers
- Les noms de couleurs et les espaces colorimétriques lab(), lch(), oklab(), oklch() ou color() ne sont pas interprétés.
- Des conversions successives entre formats arrondis peuvent introduire de légères différences numériques.
Normes et sources
Questions fréquentes
Questions sur Convertisseur de couleurs
convertisseur de couleurs est-il gratuit ?
Oui. Convertisseur de couleurs est gratuit.
convertisseur de couleurs garde-t-il mon travail privé ?
Oui. Votre travail reste privé pendant l’utilisation de l’outil ; rien de ce que vous saisissez n’est envoyé.
La transparence est-elle conservée ?
Oui. Les formats comportant un canal alpha le conservent dans les autres représentations produites.
Pourquoi un nom CSS comme rebeccapurple est-il refusé ?
Cette version reconnaît uniquement HEX, RGB(A) numérique et HSL(A) numérique.