CSS3 Pre-Reference



hsl(x,x,x)

HSLで色を指定

試す

色相:

彩度:

明度:

コード

#containe {
    background-color: hsl(100, 100%, 100%);
}

サンプル

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。

コメントする


対応ブラウザ

Firefox
Chrome/Safari
Opera
InternetExplorer
9

パラメータ

レベル 3
参考文献 CSS Color Module Level 3#4.2.4 HSL color values

解説

HSL形式で色を指定します。H:hue(色相)、S:saturation(彩度)、L:lightness(明度)で色を指定できます。

hsl(色相, 彩度, 明度)の順で指定します。色相には整数値を指定します。どれだけ大きな値も小さな値も指定できますが、0 = 360xNで、赤を示します。彩度、明度は0~100%で指定します。

トラックバック

投稿されたコメント