カテゴリー:
色
閲覧数:534 配信日:2016-05-08 08:47
H,S%,L%
「10進数 number 0.0～360.0」,「10進数 number 0.0%～100.0%」,「10進数 number 0.0%～100.0%」
hsl(240, 100%, 50%);
/* HSL model, added to CSS3 */
p { color: hsl(0, 100%, 50%) } /* red */
p { color: hsl(120, 100%, 50%) } /* green */
p { color: hsl(120, 100%, 25%) } /* dark green */
p { color: hsl(120, 100%, 75%) } /* light green */
p { color: hsl(120, 50%, 50%) } /* pastel green */
/* HSL model with alpha channel */
p { color: hsla(120, 100%, 50%, 1) } /* green */
p { color: hsla(120, 100%, 50%, 0.5) } /* semi-transparent green */
p { color: hsla(120, 100%, 50%, 0.1) } /* very transparent green */
・<color>
・10進数は整数？ 結果的に整数？ 小数点は何進数？ 2進数は0と1だから整数？
・CSS Color Module Level 3
・CSS3色モジュール