16 進カラー構文
構文
#RGB // 3 桁の構文 #RGBA // 4 桁の構文 #RRGGBB // 6 桁の構文 #RRGGBBAA // 8 桁の構文
値
R
またはRR
-
色の赤成分を
0
からff
(255) までの 16 進数(大文字と小文字を区別しない)で指定します。数字が 1 桁の場合は同じ数字 2 桁と解釈されます。1
は11
を意味します。 G
またはGG
-
色の緑成分を
0
からff
(255) までの 16 進数(大文字と小文字を区別しない)で指定します。数字が 1 桁の場合は同じ数字 2 桁と解釈されます。c
はcc
を意味します。 B
またはBB
-
色の青成分を
0
からff
(255) までの 16 進数(大文字と小文字を区別しない)で指定します。数字が 1 桁の場合は同じ数字 2 桁と解釈されます。9
は99
を意味します。 A
またはAA
省略可-
色の透明度を示すアルファ成分を
0
からff
(255) までの 16 進数(大文字と小文字を区別しない)で指定します。数字が 1 桁の場合は同じ数字 2 桁と解釈されます。e
はee
を意味します。0
は完全な透明色を、ff
は完全な不透明色を表します。
Note: この構文は大文字と小文字を区別しないため #00ff00
は #00FF00
と同値です。
例
/* 不透明な濃いピンク色の 16 進構文 */
#f09 <div class="c1"></div>
#F09 <div class="c2"></div>
#ff0099 <div class="c3"></div>
#FF0099 <div class="c4"></div>
div {width: 40px; height: 40px;}
.c1 { background: #f09}
.c2 { background: #F09}
.c3 { background: #ff0099}
.c4 { background: #FF0099}
仕様書
Specification |
---|
CSS Color Module Level 4 # hex-notation |
ブラウザー互換性
BCD tables only load in the browser
関連情報
<color>
これらのキーワードが属するデータ型- rgb() (en-US) 色の三成分および透明度を 10 進数で設定する関数