このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

device-cmyk()

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

この色に対するアプローチは、具体的なプリンターに出力する素材を生成する場合、具体的なインク組み合わせの出力結果が既知の場合に有用です。CSS プロセッサーは他のメディア向けに色を近似しようとするかもしれませんが、正確な出力測色法を知らなければ、最終結果は印刷結果とは異なる可能性が高いです。device-cmyk 用の @color-profile 宣言により、変換のための正確な色プロファイルを指定できます。

構文

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

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

  • C, M, Y, K

    • : それぞれ 0 から 1 までの <number> か、 0% から 100% までの <percentage> の値か、キーワード none で、 CMYK 色の成分であるシアン、マゼンタ、黄、黒の成分を指定します。

      メモ: none の効果については色成分の欠落を参照してください。

  • A 省略可

    • : アルファチャネル値を表す <alpha-value> で、数値 00%(完全に透明)、1100%(完全に不透明)に対応します。さらにキーワード none を使用して明示的にアルファチャネルを指定しないことも可能です。

形式文法

<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

ブラウザーの互換性

今のところ、この機能に対応しているブラウザーはありません。

関連情報