Tu dois afficher une couleur imprimée à l'écran ? Convertir CMYK en RGB te donne l'équivalent basé sur la lumière des pourcentages d'encre — les valeurs qu'un moniteur, un mockup ou une page web peuvent réellement afficher.
Comment fonctionne la conversion de CMYK en RGB
- Prends les quatre pourcentages 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 à un entier entre 0 et 255.
Exemple pratique
Le résultat RGB montre l’aspect de ce mélange d’encres sur papier couché avec le profil standard Coated FOGRA39. Les autres profils CMYK (par exemple celui de ton imprimeur) donnent d’autres valeurs, et une impression ne brille jamais comme un écran.
CMYK et RGB 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 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()
Table de référence CMYK vers RGB
Les couleurs CSS les plus courantes, converties de CMYK vers RGB.
| Couleur | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |