ألوان CMYK

❮ سابق التالي ❯

CMYK هو معيار مقترح لـ CSS4.

حاسبة CMYK

RGB (255 ، 0 ، 0)
# ff0000
hsl (0، 100٪، 50٪)

ج:

م:

ص:

ك:

ألوان CMYK

ألوان CMYK هي مزيج من CYAN و MAGENTA و YELLOW و BLACK.

تعرض شاشات الكمبيوتر الألوان باستخدام قيم ألوان 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 + =" "؛ لـ (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 + = "" ؛ لـ (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 + = "" ؛ لـ (i = 0 ؛ i "؛} x + =" "؛ x + =" "؛ لـ (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 + = "" ؛ لـ (i = 0 ؛ i "؛} x + =" "؛ x + =" "؛ لـ (i = 0 ؛ i" ؛} x + = "" ؛ x + = "

"+ أنا +"

getElementById ("m01") ؛ } إذا (e == 2) {x = document.getElementById ("y01") ؛ } إذا (e == 3) {x = document.getElementById ("k01") ؛ } x.value = n ؛ setColor (x) ؛ }} وظيفة setColor (elmnt) {var ele، col، c، m، y، k، rgb؛ c = document.getElementById ("c01") ؛ م = document.getElementById ("m01") ؛ y = document.getElementById ("y01") ؛ k = document.getElementById ("k01") ؛ elmnt.value = الرقم (elmnt.value) ، إذا (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)؛ 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 (" cmyk ( 100٪، 0٪، 0٪، 0٪) ")؛ document.getElementById (" cmyk01 "). value = color.toCmykString ()؛ setFullColor ()؛