Warna CMYK

❮ Sebelumnya Berikutnya ❯

CMYK adalah standar yang disarankan untuk CSS4.

Kalkulator CMYK

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

C:

M:

Y:

K:

Warna CMYK

Warna CMYK merupakan kombinasi dari CYAN, MAGENTA, YELLOW, dan BLACK.

Layar komputer menampilkan warna menggunakan nilai warna RGB. Printer sering menyajikan warna menggunakan nilai warna CMYK.

Dukungan HTML

CMYK tidak didukung dalam HTML, tetapi disarankan sebagai standar baru di CSS4.

Sambil menunggu CSS4, Anda dapat memasukkan pustaka Warna W3Schools, dan menggunakan CMYK sebagai atribut HTML seperti ini:

Cobalah sendiri

Contoh

<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>

Perpustakaan Warna W3Schools

Pustaka JavaScript yang digunakan dalam contoh di atas dapat diunduh dari:

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

❮ Sebelumnya Berikutnya ❯

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

" + aku + "

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

" + aku + "

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

" + aku + "

getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (e == 3) { x = document.getElementById("k01"); } nilai x = n; setWarna(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.nilai = Angka(elmnt.nilai); if (parseInt(elmnt.value) 100) {elmnt.value = "100";} rgb = w3color("cmyk(" + c.value + "%, " + m.value + "%, " + y.value + "%, " + k.nilai + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); dokumen. getElementById("cmyk01").nilai = rgb.toCmykString(); document.getElementById("rgb01").innerHTML = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); untuk (i = 0; i

"; } 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();