Collez n'importe quelle couleur CSS et obtenez instantanément les valeurs HEX, RGB, HSL, HWB, OKLCH et CMJN, avec aperçu en direct et vérification du contraste WCAG.
Saisissez une couleur ci-dessus pour voir son aperçu et ses conversions.
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.
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.
Chaque conversion s'exécute localement dans votre navigateur. Vos valeurs de couleur ne sont jamais envoyées ni stockées sur nos serveurs.
Extrayez les couleurs dominantes et codes hexadécimaux de toute photo
Créez favicon.ico, des PNG et un manifest web à partir d'une image, d'un texte ou d'un emoji — instantanément, dans votre navigateur.
Créez des QR codes personnalisés pour des URL, du texte et plus.