device-cmyk()

device-cmyk() 関数記法は、機器依存の形で CMYK 色を表現するために使用します。シアン、マゼンタ、黄色、黒の成分を指定します。

この色に対する手法は、特定のプリンターで出力する素材を作成する際、特定のインクの組み合わせでの出力が分かっている場合に有益なものです。 CSS プロセッサーは色を近似させることができますが、最終的な結果は表示されたものと異なる形になる可能性があります。

構文

css
device-cmyk(0 81% 81% 30%);
device-cmyk(0 81% 81% 30% / .5);
device-cmyk(0 81% 81% 30% / .5, rgb(178 34 34));

関数記法: device-cmyk(C M Y K[ / A][, color])

<cmyk-component> は 4 つの <number> または <percentage> の値で、 CMYK 色のシアン、マゼンタ、黄、黒の成分を指定します。

/ <alpha-value> (アルファ)は <number>0 から 1 の間、または <percentage>1 から 100% (完全に不透明)の間で、この色の透明度(またはアルファチャネル)を表します。

<color> は、ユーザーエージェントが CMYK 色を RGB に変換する方法を知らない場合に使用する、オプションの代替値の <color> です。

C, M, Y, K

<number> または <percentage> の値で、 CMYK 色の成分であるシアン、マゼンタ、黄、黒の成分を指定します。

A 省略可

<alpha-value> またはキーワード none で、 1100% (完全に不透明)に対応します。

color 省略可

オプションで、代替の <color> です。ユーザーエージェントが CMYK 色から RGB への変換方法を知らない場合に使用されます。

形式文法

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

仕様書

Specification
CSS Color Module Level 5
# device-cmyk

ブラウザーの互換性

この機能を実装しているブラウザーはありません。