Couleurs CMJN

❮ Précédent Suivant ❯

CMJN est une norme suggérée pour CSS4.

Calculatrice CMJN

RVB(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)

C :

M :

Y :

K :

Couleurs CMJN

Les couleurs CMJN sont une combinaison de CYAN, MAGENTA, JAUNE et NOIR.

Les écrans d'ordinateur affichent les couleurs à l'aide des valeurs de couleur RVB. Les imprimantes présentent souvent les couleurs en utilisant les valeurs de couleur CMJN.

Prise en charge HTML

CMJN n'est pas pris en charge en HTML, mais il est suggéré comme nouvelle norme dans CSS4.

En attendant CSS4, vous pouvez inclure la bibliothèque de couleurs de W3Schools et utiliser CMJN comme attribut HTML comme ceci :

Essayez-le vous-même

Exemple

<div data-w3-color="cmyk(100%, 0%, 0%, 0%)">

<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>

</div>

<script src="/lib/w3color.js"></script>

Bibliothèque de couleurs W3Schools

La bibliothèque JavaScript utilisée dans l'exemple ci-dessus peut être téléchargée depuis :

https://www.w3schools.com/lib/w3color.js

❮ Précédent Suivant ❯

"; } x += "" ; x += "" ; for (i = 0; i "; } x += "" ; x += "" ; document.getElementById("cyantable").innerHTML = x; } function drawMagentaTable() { var x, i, c, y, k, color; c = 0; y = 0; k = 0; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; pour (i = 0; je "; } x += ""; x += "

" + je + "

"; document.getElementById("magentatable").innerHTML = x; } function drawYellowTable() { var x, i, c, m, k, color; c = 0; m = 0; k = 0; x = "" x += ""; pour (i = 0; je "; } x += ""; x += ""; pour (i = 0; je "; } x += ""; x += "

" + je + "

"; document.getElementById("yellowtable").innerHTML = x; } function drawBlackTable() { var x, i, c, m, y, color; c = 0; m = 0; y = 0; x = "" x += ""; pour (i = 0; je "; } x += ""; x += ""; pour (i = 0; je "; } x += ""; x += "

" + je + "

"; document.getElementById("blacktable").innerHTML = x; } drawCyanTable(); drawMagentaTable(); drawYellowTable(); drawBlackTable(); var btnclck = false; if (window.addEventListener) { window.addEventListener("mousedown ", function () {btnclck = true; }); } else if (window.attachEvent) { window.attachEvent("onmousedown", function () {btnclck = true; }); } if (window.addEventListener) { window .addEventListener("mouseup", function () {btnclck = false; }); } else if (window.attachEvent) { window.attachEvent("onmouseup", function () {btnclck = false; }); } function tooltip( e, n) { var x ; si (btnclck) { si (e == 0) { x = document.getElementById("c01"); } si (e == 1) { x = document.getElementById("m01"); } si (e == 2) { x = document.getElementById("y01"); } si (e == 3) { x = document.getElementById("k01"); } x.value = n; setColor(x); } } function setColor(elmnt) { var ele, col, c, m, y, k, rgb; c = document.getElementById("c01"); m = document.getElementById("m01"); y = document.getElementById("y01"); k = document.getElementById("k01"); elmnt.value = Nombre(elmnt.value); if (parseInt(elmnt.value) 100) {elmnt.value = "100";} rgb = w3color("cmyk(" + c.value + "%, " + m.value + "%, " + y.value + "%, " + k.valeur + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); document.getElementById("cmyk01").value = rgb.toCmykString(); document.getElementById("rgb01").innerHTML = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); pour (i = 0; je

"; } function setFullColor() { var color = w3color(document.getElementById("cmyk01").value); var cmyk = color.toCmyk(); document.getElementById("c01").value = (cmyk.c * 100).toFixed(0); document.getElementById("m01").value = (cmyk.m * 100).toFixed(0); document.getElementById("y01").value = (cmyk.y * 100) .toFixed(0); document.getElementById("k01").value = (cmyk.k * 100).toFixed(0); setColor(document.getElementById("c01")); } color = w3color("cmyk( 100%, 0%, 0%, 0%)"); document.getElementById("cmyk01").value = color.toCmykString(); setFullColor();