Convertissez les Couleurs Entre HEX, RGB, HSL et HWB
Collez n'importe quelle couleur CSS et obtenez instantanément les valeurs HEX, RGB, HSL et HWB, avec aperçu en direct et vérification du contraste WCAG.
Saisissez une couleur ci-dessus pour voir son aperçu et ses conversions.
À propos du Convertisseur de Couleurs
Cet outil convertit n'importe quelle couleur CSS — code hexadécimal, rgb(), hsl() ou nom comme « coral » — dans tous les formats courants à la fois. Ajustez le canal alpha ou choisissez une teinte visuellement, puis copiez la valeur exacte dont vous avez besoin pour du CSS, des outils de design ou du code.
Fonctionnalités :
- Prend en charge HEX, RGB, HSL, HWB et les couleurs CSS nommées
- Le sélecteur de couleur et le curseur alpha restent synchronisés avec le champ de texte
- Vérificateur de contraste WCAG intégré avec badges AA/AAA
- Copie en un clic pour chaque format de sortie
Comment Convertir une Couleur
- Saisissez ou collez une couleur — hexadécimal, rgb(), hsl() ou un nom — dans le champ de saisie
- Ajustez-la avec le sélecteur de couleur ou le curseur alpha
- Consultez les valeurs HEX, RGB, HSL et HWB générées instantanément
- Cliquez sur une valeur pour la copier dans le presse-papiers
Questions Fréquentes
Quels formats de couleur cet outil accepte-t-il ?
Les codes hexadécimaux (#abc, #aabbcc, #aabbccdd), rgb()/rgba(), hsl()/hsla(), et toute couleur CSS nommée standard comme « tomato » ou « steelblue ».
Le convertisseur prend-il en charge la transparence ?
Oui. Saisissez une couleur avec un canal alpha (comme rgba() ou un hexadécimal à 8 chiffres) ou utilisez le curseur alpha, et tous les formats de sortie sont mis à jour en conséquence.
Qu'est-ce que le HWB et pourquoi est-il inclus ?
Le HWB (teinte, blancheur, noirceur) est un format du CSS Color Module souvent plus intuitif que le HSL pour ajuster une couleur manuellement.
Que signifie le rapport de contraste pour l'accessibilité ?
Il mesure la lisibilité d'un texte de cette couleur sur un fond blanc ou noir. Le WCAG recommande un rapport d'au moins 4,5:1 (AA) ou 7:1 (AAA) pour un texte de taille normale.
Mes données de couleur sont-elles envoyées quelque part ?
Non. L'analyse et la conversion se font entièrement en local dans votre navigateur en JavaScript — rien n'est envoyé à un serveur.
Pourquoi mon hexadécimal à 8 chiffres perd-il la transparence dans certaines sorties ?
Ce n'est pas le cas avec cet outil — l'alpha est conservé dans HEX8, RGBA et HSLA. Certains outils ou formats d'image plus anciens ne prennent en charge que l'hexadécimal à 6 chiffres, qui supprime entièrement le canal alpha ; utilisez RGBA ou HSLA si vous avez besoin que la transparence soit conservée ailleurs.
Confidentialité
Chaque conversion s'exécute localement dans votre navigateur. Vos valeurs de couleur ne sont jamais envoyées ni stockées sur nos serveurs.