Convertisseur de couleurs

Un convertisseur de couleurs prend une valeur de couleur et l’affiche dans tous les autres formats courants à la fois. Tapez ou collez un code HEX, une valeur rgb()/rgba() ou hsl()/hsla(), et l’outil la détecte automatiquement, puis liste les chaînes équivalentes en HEX, RGB, HSL, HSV et CMJN. Un grand aperçu affiche la couleur, avec un fond à damier dès qu’elle est transparente, et un sélecteur natif du navigateur reste synchronisé avec ce que vous tapez.

Quels formats l’outil comprend-il ?

Le champ de saisie accepte le HEX en 3, 4, 6 ou 8 chiffres (#f0f et #ff00ff fonctionnent tous les deux, et les formes à 4 et 8 chiffres portent un canal alpha), ainsi que rgb()/rgba() et hsl()/hsla() en syntaxe classique séparée par des virgules ou en syntaxe moderne séparée par des espaces comme rgb(255 0 0 / 0.5). Quoi que vous colliez, l’outil le convertit vers les quatre autres formats : HEX, RGB, HSL, HSV et CMJN. HSV et CMJN sont toujours affichés comme des valeurs opaques, car aucun des deux formats n’a de notation standard pour la transparence, alors que HEX, RGB et HSL conservent le canal alpha et basculent vers leurs noms de fonction en a (rgba(), hsla()) dès que la couleur n’est plus totalement opaque.

En plus de la conversion, l’outil génère une rampe de dix teintes, de très claire à très foncée, construite en gardant la teinte et la saturation d’origine et en faisant varier la luminosité par paliers réguliers. C’est pratique pour tirer rapidement une palette de nuances et de tons à partir d’une seule couleur de marque, sans ouvrir d’outil de design.

Mes données sont-elles envoyées quelque part ?

Non. L’analyse et la conversion se font entièrement dans votre navigateur avec de simples calculs JavaScript, sans aucun aller-retour vers un serveur. La couleur que vous tapez ou choisissez ne quitte jamais votre machine, ce qui permet de convertir des couleurs de marque issues d’un design system interne ou de la charte graphique d’un client sans les coller sur un site tiers.

Utile pour transformer le code HEX d’un designer en valeurs RGB ou HSL pour un fichier CSS, vérifier l’apparence d’une couleur avec une opacité partielle, ou obtenir des pourcentages CMJN pour l’impression à partir d’une couleur choisie à l’écran. Consultez la référence du type <color> de MDN pour la liste complète des notations de couleur CSS, ou la spécification CSS Color Module Level 4 pour le détail de la syntaxe séparée par des espaces.