Tu viens de l’imprimé et tu veux la même couleur sur le web ? Convertir CMYK en HEX te donne l’équivalent écran le plus proche de ton mélange d’encres, prêt à coller dans CSS, Figma ou une fiche marque.
Comment fonctionne la conversion de CMYK en HEX
- Prends les quatre pourcentages CMYK comme quantités d’encre pour le profil Coated FOGRA39.
- Lis la couleur que le profil imprime pour ce mélange d’encres, avec l’intention de rendu colorimétrie relative et la compensation du point noir.
- Convertis cette couleur en sRGB. Les couleurs qu’un écran ne peut pas afficher sont ramenées à la valeur la plus proche qu’il peut montrer.
- Arrondis chaque canal, écris-le en deux chiffres hexadécimaux et assemble-les derrière un #.
Exemple pratique
Ce calcul utilise le profil standard Coated FOGRA39, et non celui de ta presse. Les autres profils CMYK (par exemple celui de ton imprimeur) donnent d’autres valeurs : considère donc le résultat HEX comme un aperçu fidèle et vérifie un bon à tirer pour les couleurs essentielles à ta marque.
CMYK et HEX expliqués
Qu'est-ce que CMYK ?
CMYK est le modèle à quatre encres utilisé en impression : cyan, magenta, jaune et key (noir), chacun exprimé en pourcentage de 0 à 100. L’encre soustrait la lumière au lieu de l’émettre, donc CMYK couvre moins de couleurs qu’un écran — c’est pourquoi les couleurs vives à l’écran paraissent souvent plus ternes une fois imprimées.
- Syntaxe :
- cmyk(C%, M%, Y%, K%)
- Plage :
- 0–100% par encre
- Idéal pour :
- impression, packaging, fichiers prêts pour la presse
Qu'est-ce que HEX ?
Un code HEX est un nombre hexadécimal à six chiffres qui stocke les canaux rouge, vert et bleu d’une couleur précédé d’un #. Chaque paire de chiffres représente un canal, de 00 (aucun) à FF (plein), ce qui donne les mêmes 16,7 millions de couleurs que RGB mais dans une notation plus compacte. HEX est le format par défaut dans CSS, les outils de design et les chartes graphiques.
- Syntaxe :
- #RRGGBB
- Plage :
- 00–FF par canal
- Idéal pour :
- CSS, transfert de design, chartes graphiques
Table de référence CMYK vers HEX
Les couleurs CSS les plus courantes, converties de CMYK vers HEX.
| Couleur | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |