สี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; } ฟังก์ชัน 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 += ""; 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 += "

" + ผม + "

"; 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", ฟังก์ชัน () {btnclck = true; }); } if (window.addEventListener) { window .addEventListener ("mouseup", function () {btnclck = false; }); } else if (window.attachEvent) { window.attachEvent ("onmouseup", ฟังก์ชัน () {btnclck = false; }); } คำแนะนำเครื่องมือฟังก์ชัน ( e, n) { var x; if (btnclck) { if (e == 0) { x = document.getElementById("c01"); } if (e == 1) { x = document.getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (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"); m = document.getElementById("m01"); y = document.getElementById("y01"); k = document.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(); สำหรับ (i = 0; i

"; } ฟังก์ชัน 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();