Convertissez une couleur entre HEX, RGB, HSL, HSV et CMYK avec une synchronisation bidirectionnelle en direct, dans votre navigateur.
Toute couleur affichée à l'écran est physiquement la même chose — une quantité de lumière rouge, verte et bleue — mais les designers, les développeurs et les imprimeurs la décrivent dans des langages différents. Le HEX est compact et universel en CSS ; le RGB, ce sont les valeurs brutes des canaux ; le HSL et le HSV décrivent une couleur comme une personne y pense, à savoir une teinte accompagnée d'une vivacité et d'une luminosité ; le CMYK décrit les quatre encres qu'une presse dépose sur le papier. Ce convertisseur garde une seule couleur en mémoire et l'affiche simultanément dans ces cinq langages.
En interne, chaque saisie est d'abord normalisée en RGB. L'analyse du HEX développe la notation abrégée à trois chiffres (#fff devient #ffffff) et ignore une paire alpha si vous en collez une. Le HSL et le HSV s'appuient sur le modèle de chroma standard : le chroma découle de la saturation combinée à la clarté ou à la valeur, une composante secondaire provient de la position de la teinte dans son secteur de 60°, et un décalage constant relève le résultat à la bonne luminosité. Le CMYK utilise la conversion écran classique, où le noir vaut un moins le canal le plus élevé et où chaque encre correspond à la distance restante jusqu'à ce noir. L'analyseur est volontairement tolérant — virgules, espaces, barres obliques et signes pourcent sont tous facultatifs, si bien que rgb(255 0 0), 255,0,0 et #f00 aboutissent exactement à la même couleur.
Usages typiques : transformer un HEX de marque en la valeur HSL attendue par une variable CSS, lire le RGB demandé par un outil de design, ou obtenir un CMYK approximatif à transmettre à un imprimeur. Ce dernier point mérite un avertissement. Le CMYK affiché à l'écran reste toujours une approximation : l'impression réelle dépend du profil ICC de la presse, du jeu d'encres et du papier, et les couleurs écran très vives — les bleus et les verts éclatants en particulier — n'ont aucun équivalent exact en encre. Considérez le CMYK proposé ici comme un point de départ, pas comme une épreuve. Rien de ce que vous saisissez n'est envoyé : toute la conversion s'exécute en JavaScript sur votre appareil.
Le HEX est la notation hexadécimale des trois octets RGB. HSL → RGB : chroma C = (1 − |2L − 1|) × S, secondaire X = C × (1 − |(H/60) mod 2 − 1|), décalage m = L − C/2 ; le triplet (C, X, 0) est permuté selon le secteur de teinte de 60° et m est ajouté aux trois canaux. HSV → RGB utilise C = V × S et m = V − C. RGB → CMYK : K = 1 − max(R, G, B) et chaque encre = (1 − canal − K) / (1 − K).
Le HEX avec ou sans le # (#fff, #ffffff, 3498db), rgb() et rgba(), hsl() et hsla(), hsv() ou hsb(), cmyk(), ainsi qu'une trentaine de noms de couleurs CSS courants comme red, teal ou crimson. Les séparateurs sont souples : virgules, espaces et barres obliques fonctionnent tous.
Non — considérez-la comme une approximation. La conversion utilisée ici est la formule écran standard et ignore les profils colorimétriques, alors qu'une presse réelle s'appuie sur un profil ICC dépendant de l'encre, du papier et de la machine. Demandez à votre imprimeur quel profil il utilise avant de fixer une valeur.
Les deux partent du même angle de teinte mais décrivent la luminosité différemment. En HSL, 50 % de clarté correspond à la couleur pure et 100 % donne toujours du blanc ; en HSV, une valeur de 100 % correspond à la couleur pure et on n'atteint le blanc qu'en baissant la saturation. Les outils de design exposent plutôt le HSV, tandis que le CSS utilise le HSL.
Il lit le canal alpha et l'écarte. Si vous collez un HEX à 8 chiffres ou une valeur rgba(), seule la couleur opaque est convertie — la transparence n'est pas reportée dans les autres formats.
Non. Chaque conversion s'exécute en JavaScript sur votre appareil. Rien n'est envoyé à un serveur, journalisé ni stocké.
Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.
Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.