<hex-color>

語法

#RGB        // The three-value syntax
#RGBA       // The four-value syntax
#RRGGBB     // The six-value syntax
#RRGGBBAA   // The eight-value syntax

值

R 或 RR

顏色的紅色分量，是一個不區分大小寫的十六進位制數字，範圍在 0 到 ff (255) 之間。如果只有一個數字，則會重複：1 表示 11。

G 或 GG

顏色的綠色分量，是一個不區分大小寫的十六進位制數字，範圍在 0 到 ff (255) 之間。如果只有一個數字，則會重複：c 表示 cc。

B 或 BB

顏色的藍色分量，是一個不區分大小寫的十六進位制數字，範圍在 0 到 ff (255) 之間。如果只有一個數字，則會重複：9 表示 99。

A 或 AA 可選

顏色的 alpha 分量，表示其透明度，是一個不區分大小寫的十六進位制數字，範圍在 0 到 ff (255) 之間。如果只有一個數字，則會重複：e 表示 ee。0 或 00 表示完全透明的顏色，而 f 或 ff 表示完全不透明的顏色。

示例

十六進位制亮粉色

此示例包含四個亮粉色方塊，其背景分別為完全不透明或半透明，使用四種不同長度的不區分大小寫的十六進位制顏色語法建立。

HTML

<div>
  #F09
  <div class="c1"></div>
</div>
<div>
  #f09a
  <div class="c2"></div>
</div>
<div>
  #ff0099
  <div class="c3"></div>
</div>
<div>
  #FF0099AA
  <div class="c4"></div>
</div>

CSS

亮粉色背景顏色使用三、四、六和八位十六進位制表示法建立，並同時使用了大寫和小寫字母。

body {
  display: flex;
  justify-content: space-evenly;
  font-family: monospace;
}
div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

[class] {
  width: 40px;
  height: 40px;
}
.c1 {
  background: #f09;
}
.c2 {
  background: #f09a;
}
.c3 {
  background: #ff0099;
}
.c4 {
  background: #ff0099aa;
}

結果

規範

瀏覽器相容性

另見

• <color> 資料型別
• <named-color> 資料型別
• rgb() 顏色函式
• CSS 顏色 模組