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
- Divise les quatre pourcentages CMYK par 100.
- Applique d’abord la composante clé : chaque canal est multiplié par (1 − K).
- Calcule les canaux : R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Arrondis chaque canal, écris-le en deux chiffres hexadécimaux et assemble-les derrière un #.
Exemple pratique
Approximation par nature. Le CMYK couvre une gamme de couleurs plus restreinte qu’un écran, donc le HEX obtenu est un aperçu fidèle plutôt qu’une correspondance colorimétrique — pour ça il faudrait le profil ICC de l’imprimerie.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |