Entrée
Préparation de votre espace de travail…
Mode d’emploi
- Saisissez une couleur HEX, RGB, HSL ou un nom CSS.
- Vérifiez l’échantillon et les valeurs converties.
- Utilisez le bouton Copier propre à HEX, RGB ou HSL.
Une couleur, trois formats CSS
Un token de design peut être fourni en HEX alors que la feuille de style utilise RGB ou HSL. Changer sa notation permet de réutiliser la couleur sans en choisir une autre.
L’échantillon et les trois sorties se mettent à jour ensemble. Les noms CSS comme rebeccapurple peuvent aussi être convertis en valeurs numériques.
Choisir une notation
HEX est compact pour les tokens ; RGB expose les canaux rouge, vert et bleu ; HSL sépare teinte, saturation et luminosité. Ce sont des descriptions de couleur, pas des formats d’image différents.
Les formes HEX courtes et longues sont acceptées. La syntaxe HEX, RGB ou HSL prise en charge peut inclure un canal alpha.
#2563ebrgb(37, 99, 235)La même couleur sRGB opaque exprimée en HEX et RGB.
Transparence et précision
Les valeurs converties conservent le canal alpha. L’aspect d’une couleur transparente dépend toujours de son arrière-plan.
Le convertisseur travaille en sRGB et arrondit l’affichage. Il ne convertit pas les espaces étendus comme Lab, OKLCH ou la fonction CSS color().
Utiliser une valeur
Les boutons copient une valeur de couleur, pas une déclaration complète. Utilisez-la dans color, background-color, border-color ou une définition de token.
Texte de 1 MiB maximum. Les transformations CSS et HTML s'exécutent dans un worker avec une limite de 30 secondes. Les outils de couleur utilisent sRGB ; les styles générés sont des aperçus à tester dans votre propre mise en page.
Questions fréquentes
Quels formats puis-je saisir ?
Une valeur HEX, RGB ou HSL prise en charge, ou un nom de couleur CSS. Une syntaxe non reconnue produit une erreur au lieu d’une conversion.
La transparence est-elle conservée ?
Oui. Un canal alpha pris en charge est inclus dans les sorties. Vérifiez l’échantillon sur le fond de destination.
Pourquoi l’écriture ou la précision change-t-elle ?
Les valeurs sont normalisées et arrondies pour l’affichage. Les raccourcis, espaces et écritures numériques exactes d’origine ne sont pas conservés.
OKLCH et Display P3 sont-ils pris en charge ?
Non. Cet outil se limite aux représentations sRGB et ne ramène pas les gamuts plus larges vers sRGB.
Mes couleurs sont-elles envoyées en ligne ?
Non. Conversion et aperçu s’exécutent dans le navigateur. Copier place uniquement la sortie choisie dans le presse-papiers.