Renkler CMYK

❮ Öncesi Sonraki ❯

CMYK, CSS4 için önerilen bir standarttır.

CMYK Hesaplayıcı

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

C:

M:

Y:

K:

CMYK Renkleri

CMYK renkleri, CYAN, MAGENTA, SARI ve SİYAH'ın bir kombinasyonudur.

Bilgisayar ekranları, renkleri RGB renk değerlerini kullanarak görüntüler. Yazıcılar genellikle renkleri CMYK renk değerlerini kullanarak sunar.

HTML Desteği

CMYK, HTML'de desteklenmez, ancak CSS4'te yeni bir standart olarak önerilir.

CSS4'ü beklerken, W3Schools'un Renk kitaplığını ekleyebilir ve CMYK'yi aşağıdaki gibi bir HTML niteliği olarak kullanabilirsiniz:

Kendin dene

Örnek

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

W3Schools Renk Kitaplığı

Yukarıdaki örnekte kullanılan JavaScript kitaplığı şuradan indirilebilir:

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

❮ Öncesi Sonraki ❯

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

" + ben + "

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

" + ben + "

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

" + ben + "

"; 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) { pencere .addEventListener("mouseup", function () {btnclck = false; }); } else if (window.attachEvent) { window.attachEvent("onmouseup", function () {btnclck = false; }); } function tooltip( e, n) { var x; if (btnclck) { if (e == 0) { x = document.getElementById("c01"); } if (e == 1) { x = belge.getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (e == 3) { x = document.getElementById("k01"); } x.değer = 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 = Sayı(elmnt.value); if (parseInt(elmnt.value) 100) {elmnt.value = "100";} rgb = w3color("cmyk(" + c.value + "%, " + m.value + "%, " + y.value" + "%," + k.değer + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); belge.getElementById("cmyk01").value = rgb.toCmykString(); document.getElementById("rgb01").innerHTML = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); için (i = 0; ben

"; } 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, %0)"); document.getElementById("cmyk01").value = color.toCmykString(); setFullColor();