CSS Reference

device-cmyk()

機器に依存した形で CMYK 色を表現する

device-cmyk() 関数は、機器に依存した形で CMYK 色を表現することができる CSS 関数です。

特定のプリンターが、ある特定のインクの組み合せて出力する色が、例えば色見本などを通して事前にわかっているとき、CMYK 色をその機器に依存する形で表すことができると、近似の色を出力するのに便利なことがあります。

もちろん、近似させる試みが必ずうまく行くとは限らず、実際に印刷される結果は、求めるものと視覚的にかけ離れる可能性があることに注意が必要です。

詳細説明

device-cmyk() 関数の構文は下記になります。

device-cmyk(C M Y K[ / A][, color])

具体的には下記のような記述が可能です。

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

device-cmyk()のサンプルソース

.example {
  color: device-cmyk(0 81% 81% 30%);
}
.example {
  color: device-cmyk(0 81% 81% 30% / .5);
}
.example {
  color: device-cmyk(0 81% 81% 30% / .5, rgb(178 34 34));
}

主要ブラウザの対応

IE11 ×
Edge（EdgeHTML） ×
Edge（Chromium） ×
Chrome ×
Firefox ×
Safari ×
iOS Safari ×
Android Chrome ×

関連するCSS関数

仕様書

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge（EdgeHTML）
Edge（Chromium）
Firefox
Chrome
Safari
iOS Safari
Android Chrome