Convertir des couleurs d'un format à l'autre
Saisissez une couleur dans n'importe quel format CSS — un code HEX comme #3B82F6 ou #38F, rgb() ou rgba(), hsl(), ou un nom comme tomato — ou choisissez-la avec le sélecteur de couleur. L'outil affiche la même couleur en HEX, RGB, HSL, HSV et CMYK, prête à être copiée dans votre CSS, votre outil de design ou vos paramètres d'impression.
Il indique aussi la lisibilité d'un texte blanc ou noir sur cette couleur, sous forme de ratio de contraste WCAG : un ratio de 4.5:1 ou plus satisfait le niveau AA pour un texte normal. La couleur est interprétée par votre navigateur exactement comme le ferait le CSS.
Pourquoi utiliser ce convertisseur de couleurs ?
- HEX, RGB, HSL, HSV et CMYK au même endroit
- Accepte tous les formats de couleur CSS et les noms de couleurs
- Prise en charge de la transparence (alpha)
- Contraste WCAG avec un texte blanc et noir
Comment convertir une couleur
- Saisissez ou collez une couleur, ou choisissez-en une avec le sélecteur de couleur
- Visualisez la couleur dans tous les formats à côté de son aperçu
- Cliquez sur le bouton de copie à côté du format dont vous avez besoin
Questions fréquentes
Ce convertisseur de couleurs est-il gratuit ?
Oui, il est entièrement gratuit et fonctionne dans votre navigateur.
Quelle est la différence entre RGB, HSL et HSV ?
RGB mélange la lumière rouge, verte et bleue (de 0 à 255 chacune). HSL et HSV décrivent la même couleur par sa teinte (0–360°), sa saturation et sa luminosité (lightness) ou sa valeur (value), ce qui facilite la création de variantes plus claires, plus foncées ou plus douces.
Que signifie le ratio de contraste ?
Il compare la luminosité des couleurs du texte et de l'arrière-plan (WCAG 2). Un ratio d'au moins 4.5:1 est requis pour un texte normal au niveau AA, et de 3:1 pour un texte de grande taille ; plus il est élevé, plus le texte est facile à lire.
Des données sont-elles envoyées à un serveur ?
Non. Tout est calculé dans votre navigateur.