Kleure CMYK

❮ Vorige Volgende ❯

CMYK is 'n voorgestelde standaard vir CSS4.

CMYK sakrekenaar

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

C:

M:

Y:

K:

CMYK-kleure

CMYK-kleure is 'n kombinasie van SIAN, MAGENTA, GEEL en SWART.

Rekenaarskerms vertoon kleure deur RGB-kleurwaardes te gebruik. Drukkers bied dikwels kleure aan met behulp van CMYK-kleurwaardes.

HTML Ondersteuning

CMYK word nie in HTML ondersteun nie, maar dit word voorgestel as 'n nuwe standaard in CSS4.

Terwyl jy vir CSS4 wag, kan jy W3Schools se kleurbiblioteek insluit en CMYK as 'n HTML-kenmerk soos volg gebruik:

Probeer dit self

Voorbeeld

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

W3Skole Kleurbiblioteek

Die JavaScript-biblioteek wat in die voorbeeld hierbo gebruik word, kan afgelaai word vanaf:

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

❮ Vorige Volgende ❯

"; } x += ""; x += ""; vir (i = 0; i "; } x += ""; x += ""; document.getElementById("cyantable").innerHTML = x; } funksie drawMagentaTable() { var x, i, c, y, k, kleur; c = 0; y = 0; k = 0; x = "" x += ""; vir (i = 0; i "; } x += ""; x += ""; vir (i = 0; i "; } x += ""; x += "

" + ek + "

"; document.getElementById("magentatable").innerHTML = x; } funksie drawYellowTable() { var x, i, c, m, k, kleur; c = 0; m = 0; k = 0; x = "" x += ""; vir (i = 0; i "; } x += ""; x += ""; vir (i = 0; i "; } x += ""; x += "

" + ek + "

"; document.getElementById("yellowtable").innerHTML = x; } funksie drawBlackTable() { var x, i, c, m, y, kleur; c = 0; m = 0; y = 0; x = "" x += ""; vir (i = 0; i "; } x += ""; x += ""; vir (i = 0; i "; } x += ""; x += "

" + ek + "

getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (e == 3) { x = document.getElementById("k01"); } x.waarde = n; stelKleur(x); } } funksie stelKleur(elmnt) { var ele, kol, 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.waarde + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); dokument.

"; } funksie 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")); } kleur = w3color("cmyk( 100%, 0%, 0%, 0%)"); document.getElementById("cmyk01").value = color.toCmykString(); setFullColor();