Kolory CMYK

❮ Poprzedni Następny ❯

CMYK to sugerowany standard CSS4.

Kalkulator CMYK

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

C:

M:

Tak:

K:

Kolory CMYK

Kolorystyka CMYK to połączenie CYAN, MAGENTA, YELLOW i BLACK.

Ekrany komputerowe wyświetlają kolory za pomocą wartości kolorów RGB. Drukarki często przedstawiają kolory za pomocą wartości kolorów CMYK.

Obsługa HTML

CMYK nie jest obsługiwany w HTML, ale jest sugerowany jako nowy standard w CSS4.

Czekając na CSS4, możesz dołączyć bibliotekę kolorów W3Schools i użyć CMYK jako atrybutu HTML w następujący sposób:

Spróbuj sam

Przykład

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

Biblioteka kolorów W3Schools

Bibliotekę JavaScript użytą w powyższym przykładzie można pobrać z:

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

❮ Poprzedni Następny ❯

"; } 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 += "

" + ja + "

"; 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 += "

" + ja + "

"; 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 += "

" + ja + "

getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (e == 3) { x = document.getElementById("k01"); } x.wartość = n; ustawKolor(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"); wiąz.wartość = Liczba(wiąz.wartość); if (parseInt(elmnt.value) 100) {elmnt.value = "100";} rgb = w3color("cmyk(" + c.value + "%, " + m.value + "%, " + y.value + "%, " + wartość k + "%)"); document.getElementById("wynik01").style.backgroundColor = rgb.toRgbString(); dokument.

"; } 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();