16 進カラー構文

16 進カラー構文は sRGB カラーを 16 進数で記述するための記法で、その原色成分（赤、緑、青）と透明度を記述します。<color> 型が許容される箇所であればどこでも使うことができます。

構文

#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 は完全な不透明色を表します。

メモ: この構文は大文字と小文字を区別しないため #00ff00 は #00FF00 と同値です。

html

/* 不透明な濃いピンク色の 16 進構文 */
#f09 <div class="c1"></div>
#F09 <div class="c2"></div>
#ff0099 <div class="c3"></div>
#FF0099 <div class="c4"></div>

css

div {width: 40px; height: 40px;}
.c1 { background: #f09}
.c2 { background: #F09}
.c3 { background: #ff0099}
.c4 { background: #FF0099}

No specification data found for undefined.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.