Farben CMYK

❮ Vorherige Nächste ❯

CMYK ist ein vorgeschlagener Standard für CSS4.

CMYK-Rechner

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

C:

M:

Y:

K:

CMYK-Farben

CMYK-Farben sind eine Kombination aus CYAN, MAGENTA, GELB und SCHWARZ.

Computerbildschirme zeigen Farben mit RGB-Farbwerten an. Drucker stellen Farben oft mit CMYK-Farbwerten dar.

HTML-Unterstützung

CMYK wird in HTML nicht unterstützt, aber in CSS4 als neuer Standard vorgeschlagen.

Während Sie auf CSS4 warten, können Sie die Farbbibliothek von W3Schools einbinden und CMYK wie folgt als HTML-Attribut verwenden:

Versuch es selber

Beispiel

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

Die im obigen Beispiel verwendete JavaScript-Bibliothek kann heruntergeladen werden von:

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

❮ Vorherige Nächste ❯

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

" + ich + "

"; document.getElementById("magentatable").innerHTML = x; } function drawYellowTable() { var x, i, c, m, k, color; c = 0; m = 0; k = 0; x = "" x += ""; für (i = 0; i "; } x += ""; x += ""; für (i = 0; i "; } x += ""; x += "

" + ich + "

"; document.getElementById("yellowtable").innerHTML = x; } function drawBlackTable() { var x, i, c, m, y, color; c = 0; m = 0; y = 0; x = "" x += ""; für (i = 0; i "; } x += ""; x += ""; für (i = 0; i "; } x += ""; x += "

" + ich + "

"; 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) { window .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 = document.getElementById("m01"); } if (e == 2) { x = document.getElementById("y01"); } if (e == 3) { x = document.getElementById("k01"); } x.Wert = 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 = Zahl(elmnt.value); if (parseInt(elmnt.value) 100) {elmnt.value = "100";} rgb = w3color("cmyk(" + c.value + "%, " + m.value + "%, " + y.value + "%, " + k.Wert + "%)"); document.getElementById("result01").style.backgroundColor = rgb.toRgbString(); dokumentieren.getElementById("cmyk01").value = rgb.toCmykString(); document.getElementById("rgb01").innerHTML = rgb.toRgbString(); document.getElementById("hsl01").innerHTML = rgb.toHslString(); document.getElementById("hex01").innerHTML = rgb.toHexString(); für (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();