Цвета CMYK


CMYK является рекомендуемым стандартом для CSS4.


Калькулятор CMYK


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


С:
М:
Д:
К:

Цвета CMYK

Цвета CMYK представляют собой комбинацию ГОЛУБОГО, ПУРПУРНОГО, ЖЕЛТОГО и ЧЕРНОГО цветов.

Экраны компьютеров отображают цвета с использованием цветовых значений RGB. Принтеры часто представляют цвета, используя цветовые значения CMYK.


Поддержка HTML

CMYK не поддерживается в HTML, но предлагается в качестве нового стандарта в CSS4.

В ожидании CSS4 вы можете включить библиотеку цветов W3Schools и использовать CMYK в качестве атрибута HTML следующим образом:



Попробуй сам

Пример

<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

Библиотеку JavaScript, используемую в приведенном выше примере, можно загрузить с:

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


"; } 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 += ""; for (i = 0; i "; } x += ""; x += "
" + я + "
"; 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 += "
" + я + "
"; 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 += "
" + я + "
получитьэлемент по идентификатору("m01"); } если (e == 2) { x = document.getElementById("y01"); } если (e == 3) { x = document.getElementById("k01"); } х.значение = п; установить цвет (х); } } function setColor(elmnt) { var ele, col, c, m, y, k, rgb; c = документ.getElementById("c01"); m = документ.getElementById("m01"); y = документ.getElementById("y01"); k = документ.getElementById("k01"); elmnt.value = Число(elmnt.value); if (parseInt(elmnt.value) 100) {elmnt.value = "100";} rgb = w3color("cmyk(" + c.value + "%," + m.value + "%," + y.value + "%, " + k.value + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); документ. getElementById("cmyk01").value = rgb.toCmykString(); document.getElementById("rgb01").innerHTML = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); для (я = 0; я

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