CSS HEX 顏色
十六進位制顏色透過以下方式指定: #RRGGBB,其中 RR(紅色)、GG(綠色)和 BB(藍色)的十六進位制整數指定顏色的組成部分。
HEX 值
在 CSS 中,可以使用以下形式的十六進位制值指定顏色
#rrggbb
其中 rr(紅色)、gg(綠色)和 bb(藍色)是介於 00 和 ff 之間的十六進位制值(與十進位制 0-255 相同)。
例如,#ff0000 顯示為紅色,因為紅色設定為最高值 (ff),而其他設定為最低值 (00)。
要顯示黑色,請將所有值設定為 00,如下所示:#000000。
要顯示白色,請將所有值設定為 ff,如下所示:#ffffff。
嘗試混合下面的 HEX 值進行實驗
紅色
ff
綠色環保
0
藍色
0
灰色調通常使用所有三種光源的相同值來定義
3 位 HEX 值
有時您會在 CSS 源中看到 3 位十六進位制程式碼。
3 位十六進位制程式碼是某些 6 位十六進位制程式碼的簡寫。
3 位十六進位制程式碼具有以下形式
#rgb
其中 r、g 和 b 分別代表紅色、綠色和藍色分量,其值介於 0 到 f 之間。
僅當每個分量的值(RR、GG 和 BB)都相同時,才能使用 3 位十六進位制程式碼。因此,如果我們有 #ff00cc,可以這樣寫:#f0c。
這是一個例子
示例
body {
background-color: #fc9; /* 與 #ffcc99 相同 */
}
h1 {
color: #f0f; /* 與 #ff00ff 相同 */
}
p {
color: #b58; /* 與 #bb5588 相同 */
}
自己動手試一試 »
影片:CSS 顏色 Hex

