Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

device-cmyk()

Die funktionale Notation device-cmyk() wird verwendet, um CMYK-Farben auf eine geräteabhängige Weise auszudrücken, indem die Cyan-, Magenta-, Gelb- und Schwarzkomponenten spezifiziert werden.

Dieser Ansatz zur Farbdarstellung ist nützlich, wenn Material erstellt wird, das auf einem bestimmten Drucker ausgegeben werden soll, wenn die Ausgabe für bestimmte Tintenkombinationen bekannt ist. CSS-Prozessoren können versuchen, die Farbe für andere Medien zu approximieren; jedoch wird das Endergebnis wahrscheinlich von dem gedruckten Ergebnis abweichen, wenn die genaue Farbausgabe nicht bekannt ist. Eine @color-profile-Deklaration für device-cmyk kann das genaue Farbprofil zur Umwandlung spezifizieren.

Syntax

css
device-cmyk(0 81% 81% 30%);
device-cmyk(none 0.81 0.81 0.3);
device-cmyk(0 81% 81% 30% / .5);

Werte

Funktionale Notation: device-cmyk(C M Y K[ / A])

C, M, Y, K

Jeder ein <number> zwischen 0 und 1, ein <percentage> zwischen 0% und 100%, oder das Schlüsselwort none, das die Cyan-, Magenta-, Gelb- und Schwarzkomponenten der CMYK-Farbe bereitstellt.

Hinweis: Siehe Fehlende Farbkomponenten für weitere Informationen über die Auswirkungen von none.

A Optional

Ein <alpha-value>, das den Alphakanalwert der Farbe darstellt, wobei die Zahl 0 0% (vollständig transparent) entspricht und 1 100% (vollständig opak) entspricht. Zusätzlich kann das Schlüsselwort none verwendet werden, um explizit keinen Alphakanal anzugeben.

Formale Syntax

<device-cmyk()> = 
<legacy-device-cmyk-syntax> |
<modern-device-cmyk-syntax>

<legacy-device-cmyk-syntax> =
device-cmyk( <number>#{4} )

<modern-device-cmyk-syntax> =
device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )

<cmyk-component> =
<number> |
<percentage> |
none

<alpha-value> =
<number> |
<percentage>

Spezifikationen

Specification
CSS Color Module Level 5
# device-cmyk

Browser-Kompatibilität

Aktuell unterstützen keine Browser dieses Feature.

Siehe auch