このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

<hue>”値~色相CSS Color Level 4 で追加

記事Oct. 4th,2021
CSSの<hue>値、色相について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

““<hue>”値”とは?

<hue>”値は色相を表します。

<hue>”値はhsl()”関数hwb()”関数の色相を表す引数として使用できます。

<hue>”値は角度を表す<angle>”値、もしくは<number>”値で表されます。

HSLカラー・モデルのイメージ
HSLカラー・モデルでの色相のイメージ

値の範囲に制限はなく、“0deg”以下や“360deg”以上の<angle>”値も有効です。

<number>”値はそのまま度数として解釈されます。

角度がどのように色に対応するかは使用される色空間によって異なります。もっとも一般的なsRGB色空間を使用するHSLカラー・モデル(hsl()”関数)やHWBカラー・モデル(hwb()”関数)では“0deg”が赤色、“120deg”が緑色、“240deg”が青色に対応します。

<hue>”値の例

以下は有効な“<hue>”値の例です。

<angle>”値
0deg
120deg
360deg
480deg

<number>”値
0
120
360
480

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
<hue>
定義なし

定義なし

定義なし

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク