@color-profile - CSS

構文

css

@color-profile --swop5c {
  src: url("https://example.org/SWOP2006_Coated5v2.icc");
}

カラープロファイル情報を取得するための URL を指定します。

カラープロファイルが複数のレンダリングインテントを含む場合、このプロファイルが定義されているよりも小さな色域に色をマッピングする方法を定義するために使用するものを選択します。

使用する場合は、以下のキーワードのうちの一つでなければなりません。

relative-colorimetric: メディア相対測色で、宛先メディアの色域内に入るソースカラーは、それぞれのメディアの白色点に対して変更しないことが求められます。宛先メディアの色域から外れたソースカラーは、さまざまな方法で色域境界上のカラーにマッピングされます。
absolute-colorimetric: ICC 絶対測色で、宛先メディアの色域内に入るソースカラーを、採用した白（完全反射板）に対して変更しないことが要求されています。宛先メディアの色域から外れたソースカラーは、さまざまな方法で色域境界上のカラーにマッピングされます。
perceptual: このメソッドは画像に対して多くの場合好ましい選択肢であり、特にソースと出力先の間に大きな差異がある場合（例えば、スクリーン表示画像を反射プリントで再現する場合など）に有効です。ソース画像の色調を取得し、独占的なメソッドを使用して出力先向けに外観を再最適化します。
saturation: このオプションは、オリジナルの相対的な彩度（クロマ）を保持し、ソリッドカラーの純度を保つために作成されました。しかし、知覚的インテントと同様に相互運用性に問題があった。

@color-profile = 
  @color-profile [ <dashed-ident> | device-cmyk ] { <declaration-list> }

この例では、 ISO 12647-2:2004 に準拠したオフセット印刷で、グレード 5 の用紙に CGATS/SWOP TR005 2007 特性データを使用し、インク制限を 300% Total Area Coverage、グレー成分置換 (GCR) を中程度にしたものです。

src 記述子は、カラープロファイル情報を取得するための URL を指定します。

css

@color-profile --swop5c {
  src: url("https://example.org/SWOP2006_Coated5v2.icc");
}
.header {
  background-color: color(--swop5c 0% 70% 20% 0%);
}

Specification
CSS Color Module Level 5 # at-profile

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

This page was last modified on 2026年3月15日 by MDN contributors.