RGB est additif et composé de lumière, CMYK est soustractif et composé d'encre. La conversion entre les deux est l'étape que tout design écran suit avant d'être imprimé.
Comment fonctionne la conversion de RGB en CMYK
- Lis R, G et B comme des valeurs sRGB entre 0 et 255.
- Cherche la couleur dans le profil Coated FOGRA39, le profil ICC standard pour le papier couché en Europe.
- Utilise l’intention de rendu colorimétrie relative avec compensation du point noir : le blanc reste le blanc du papier et le noir correspond à l’encre la plus foncée que la presse peut imprimer.
- Convertis les quatre valeurs en pourcentages entre 0 et 100.
Exemple pratique
Ce calcul utilise le profil standard Coated FOGRA39. Les imprimeurs travaillent avec leurs propres profils ICC et limites d’encre, donc les autres profils CMYK (par exemple celui de ton imprimeur) donnent d’autres valeurs. Considère le résultat comme une référence solide, pas comme une séparation prête pour l’impression.
RGB et CMYK expliqués
Qu'est-ce que RGB ?
RGB décrit une couleur comme trois canaux de lumière — rouge, vert et bleu — chacun de 0 à 255. Il reflète le fonctionnement des écrans : tous trois à 255 donnent blanc, tous à 0 donnent noir. RGB est le bon choix quand tu dois calculer avec une couleur, et rgba() ajoute la transparence.
- Syntaxe :
- rgb(R, G, B)
- Plage :
- 0–255 par canal
- Idéal pour :
- code, canvas, transparence avec rgba()
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
Table de référence RGB vers CMYK
Les couleurs CSS les plus courantes, converties de RGB vers CMYK.
| Couleur | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |