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
- Normalise les canaux : divise R, G et B par 255.
- Prends le plus grand canal normalisé et calcule la clé K = 1 − max.
- Dérive cyan, magenta et jaune en retirant cette part de noir : C = (1 − R − K) / (1 − K), etc.
- Convertis les quatre valeurs en pourcentages entre 0 et 100.
Exemple pratique
C'est une approximation mathématique sans profil colorimétrique. Les ateliers d'impression utilisent des profils ICC et des limites d'encre, donc ces chiffres sont une référence solide, pas une séparation prête pour la presse.
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(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |