Convertisseur de couleurs
Convertissez des couleurs entre HEX, RGB, HSL, HWB et CMYK avec support de la transparence et aperçu en direct.
Comment ça marche
Le convertisseur de couleurs convertit instantanément une couleur entre les formats HEX, RGB, HSL et HSB/HSV.
Comment l’utiliser :
- Entrez une valeur de couleur dans n’importe quel champ (HEX, RGB, HSL ou HSB).
- Les autres formats sont mis à jour automatiquement.
- Utilisez le sélecteur visuel pour choisir une couleur graphiquement.
- Copiez le format dont vous avez besoin.
Exemple : #3498db → RGB(52, 152, 219) → HSL(204°, 70%, 53%).
Limites : La conversion entre espaces colorimétriques peut entraîner de légères différences dues à l’arrondi. L’outil couvre les couleurs dans l’espace sRGB standard.
Confidentialité : Tout est calculé localement, rien n’est envoyé.
Exemple concret
Saisissez #1E90FF : l’outil annonce rgb(30, 144, 255) et hsl(210, 100%, 56%), l’identifie comme la couleur CSS nommée dodgerblue et affiche sa luminance relative WCAG. La section des harmonies génère ses partenaires complémentaire, analogues, triadiques et complémentaires divisés — cliquez sur un échantillon pour le charger et continuer d’explorer. Le chemin inverse est tout aussi courant : collez rgb(30, 144, 255) depuis un outil de design et copiez l’hexadécimal pour votre feuille de style, tous les formats restant synchronisés pendant l’ajustement.
Cas d'utilisation
- Traduire la couleur HEX d'un designer en HSL pour les animations CSS
- Vérifier le triplet RGB derrière une couleur de marque
- Copier les valeurs de couleur entre les outils de design qui utilisent des formats différents
- Enseigner la théorie des couleurs avec un échantillon visuel
Questions fréquentes
- Quelle est la différence entre HSL et HSB ?
- HSL (Teinte, Saturation, Luminosité) et HSB/HSV (Teinte, Saturation, Valeur) utilisent des définitions différentes de la composante luminosité.
- Pourquoi les valeurs converties diffèrent-elles légèrement ?
- En raison de l'arrondi lors des conversions mathématiques.
- Puis-je entrer une couleur CSS nommée ?
- Non, utilisez son code hexadécimal équivalent.
- Le format RGBA est-il pris en charge ?
- Cet outil couvre HEX, RGB, HSL et HSB sans canal alpha.
- Comment copier la valeur ?
- Cliquez sur le champ de résultat souhaité pour le sélectionner, puis copiez.