CSSカラー

ウィキペディア小見出し辞書

CSSカラー

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2022/06/15 07:42 UTC 版)

「ウェブカラー」の記事における「CSSカラー」の解説

Cascading Style Sheetsでは、HTML 4仕様と同じ数（基本の16色）の色を定義している。さらにCSS 2.1はこれに"orange"を追加した。 CSS 2.1で追加された色名称16進赤緑青色相HSL彩度HSL明度HSV彩度HSV明度別名orange#FFA500 100% 65% 0% 7001390000000000000♠39° 100% 50% —% —% またCSS 2、SVGおよびCSS 2.1ではsystem colorsと呼ばれる色が使えるが、これらの色はオペレーティングシステムのデスクトップで使っている色の値に名前をつけたものである。これらを使うとユーザーのOS環境に合わせた色を使うことができる。2004年現在、CSS3仕様ではこの機能が"depreated"とされているが、今後変更される可能性もある。 CSS3仕様ではまた、スタイルシートにHSL色空間を導入している。 CSSの例 /* RGB model */p { color: #F00 } /* #rgb */p { color: #FF0000 } /* #rrggbb */p { color: rgb(255, 0, 0) } /* integer range 0 - 255 */p { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% *//* RGB with alpha channel, added to CSS3 */p { color: rgba(255, 0, 0, 0.5) } /* 0.5 opacity, semi-transparent *//* 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 */