색상 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 += ""; for (i = 0; 나는 "; } x += ""; x += ""; document.getElementById("cyantable").innerHTML = x; } function drawMagentaTable() { var x, i, c, y, k, 색상; c = 0; y = 0; k = 0; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for (i = 0; 나는 "; } x += ""; x += "

" + 나 + "

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

" + 나 + "

"; document.getElementById("노란색 테이블").innerHTML = x; } function drawBlackTable() { var x, i, c, m, y, 색상, 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", function() {btnclck = true; }); } if (window.addEventListener) { 창 .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 = 문서.getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (e == 3) { x = document.getElementById("k01"); } x.값 = n; 세트색상(x); } } function setColor(elmnt) { var 요소, 열, c, m, y, k, rgb; c = 문서.getElementById("c01"); m = 문서.getElementById("m01"); y = document.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.값 + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); 문서.getElementById("cmyk01").값 = rgb.toCmykString(); document.getElementById("rgb01").innerHTML = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); (나는 = 0; 나는

"; } 함수 setFullColor() { var 색상 = 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(),