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
- Transforme les quatre pourcentages en fractions entre 0 et 1.
- Applique d'abord le composant clé : chaque canal est mis à l'échelle par (1 − K).
- Calcule R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) et B = 255 × (1 − Y) × (1 − K).
- Arrondis chaque canal à un entier entre 0 et 255.
Exemple pratique
Approximatif. Un écran peut afficher plus de couleurs que l'encre ne peut en produire, donc le résultat RGB paraît souvent plus lumineux et plus saturé que le rendu imprimé.
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(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |