HEX 色碼完整教學
深入了解 HEX 色碼的原理、格式、使用方法。從 #000000 到 #FFFFFF，學會讀懂和使用十六進位色碼。
什麼是 HEX 色碼？
HEX 色碼是網頁設計中最常用的色彩表示法，使用十六進位（Hexadecimal）數字來表示紅、綠、藍三原色的強度。格式為 #RRGGBB，每兩位代表一個顏色通道，數值範圍從 00（最暗）到 FF（最亮）。
例如 #FF0000 代表純紅色（紅色通道 FF = 255，綠色和藍色都是 00 = 0）。
HEX 色碼的格式
六位格式（標準）
#RRGGBB — 最常見的寫法。例如：
#000000 = 黑色#FFFFFF = 白色#FF5733 = 暖橘紅色三位簡寫
#RGB — 當每個通道的兩位數字相同時可以簡寫。例如：
#000 = #000000（黑色）#FFF = #FFFFFF（白色）#F00 = #FF0000（紅色）八位格式（帶透明度）
#RRGGBBAA — 最後兩位代表透明度。例如：
#FF000080 = 50% 透明的紅色#00000000 = 完全透明如何計算 HEX 色碼？
十六進位使用 0-9 和 A-F 共 16 個字符。每個顏色通道的範圍是 00 到 FF（十進位 0 到 255）。
轉換公式：十進位 ÷ 16 = 商（第一位）... 餘數（第二位）
例如 RGB(255, 87, 51) 轉 HEX：
HEX 色碼在 CSS 中的使用
/* 直接使用 */
color: #FF5733;
background-color: #2596BE;
border: 1px solid #333333;
/* 帶透明度 */
background-color: #FF573380; /* 50% 透明 */常見的 HEX 色碼
| 顏色 | HEX | 用途 |
|---|---|---|
| 純黑 | #000000 | 文字、邊框 |
| 純白 | #FFFFFF | 背景 |
| 紅色 | #FF0000 | 警告、錯誤 |
| 綠色 | #00FF00 | 成功、確認 |
| 藍色 | #0000FF | 連結、主色 |
| 灰色 | #808080 | 次要文字 |
HEX vs RGB：什麼時候用哪個？
HEX 和 RGB 表示的色彩空間完全相同，選擇取決於使用場景：