CMYK


CMYKはCSS4の推奨標準です。


CMYK電卓


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


C:
M:
Y:
K:

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; 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 + ="
"+ 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 = Number(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(); for(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();