Màu sắc CMYK

❮ Trước Kế tiếp ❯

CMYK là một tiêu chuẩn được đề xuất cho CSS4.

Máy tính CMYK

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

C:

M:

Y:

K:

Màu CMYK

Màu CMYK là sự kết hợp của CYAN, MAGENTA, VÀNG và ĐEN.

Màn hình máy tính hiển thị màu sắc bằng cách sử dụng các giá trị màu RGB. Máy in thường trình bày màu sắc bằng cách sử dụng các giá trị màu CMYK.

Hỗ trợ HTML

CMYK không được hỗ trợ trong HTML, nhưng nó được đề xuất như một tiêu chuẩn mới trong CSS4.

Trong khi chờ CSS4, bạn có thể bao gồm thư viện Màu của W3Schools và sử dụng CMYK làm thuộc tính HTML như sau:

Hãy tự mình thử

Thí dụ

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

Thư viện màu W3Schools

Thư viện JavaScript được sử dụng trong ví dụ trên có thể được tải xuống từ:

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

❮ Trước Kế tiếp ❯

";} 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 + = ""; cho (i = 0; i ";} x + =" "; x + ="

"+ i +"

"; 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 + = "

"+ i +"

"; 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 + = "

"+ i +"

getElementById ("m01"); } if (e == 2) {x = document.getElementById ("y01"); } if (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 = Số (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 (); tài liệu. getElementById ("cmyk01"). value = rgb.toCmykString (); document.getElementById ("rgb01"). innerHTML = rgb.toRgbString (); document.getElementById ("hsl01"). innerHTML = rgb.toHslString (); document.getElementById ("hex01"). innerHTML = rgb.toHexString (); cho (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 ();