RGB 與十六進制顏色轉換：精確對應 sRGB 色域
呢個工具嘅核心功能係將你輸入嘅 RGB 三原色值（每個 0 至 255）轉換成對應嘅六位十六進制顏色碼（例如 #1E90FF）。由於 RGB 同十六進制都係描述同一種色彩模型——sRGB 工作空間，所以轉換過程係完全無損、可逆嘅。你唔使擔心色域剪輯或近似誤差。轉換完成後，工具會即時顯示顏色色樣，並同步更新 HSL、HSV、CMYK、LAB 等所有其他支援嘅格式，你直接複製 # 開頭嘅六位碼就可以用落 CSS 或者其他設計軟件。
轉換數學：每個十進制值對應兩位十六進制
RGB 每個通道用 0 至 255 表示強度，總共 256 個等級（8 位元）。要將呢個十進制數轉成十六進制，只需做兩步：
- 將數值除以 16，得出整數商（代表高四位）同餘數（代表低四位）。
- 商同餘數分別用 0-9 同 A-F 表示，然後拼埋一齊。
例如紅值 79：
- 79 ÷ 16 = 4 餘 15 → 高四位係 4，低四位係 F → 變成
4F。 - 同樣，綠值 70：70 ÷ 16 = 4 餘 6 →
46；藍值 229：229 ÷ 16 = 14 餘 5 →E5。 - 合併就係
#4F46E5。
下表展示幾個常見轉換例子：
| 十進制 (0-255) | 商 (十六進制) | 餘 (十六進制) | 兩位十六進制 |
|---|---|---|---|
| 0 | 0 | 0 | 00 |
| 128 | 8 | 0 | 80 |
| 255 | 15 (F) | 15 (F) | FF |
| 79 | 4 | 15 (F) | 4F |
| 70 | 4 | 6 | 46 |
| 229 | 14 (E) | 5 | E5 |
因為每個通道獨立轉換，輸出永遠係六位（每對代表一個通道），唔會自動壓縮成三位簡寫（例如 #AABBCC 唔會變成 #ABC）。但你喺輸入欄度係可以輸入三位簡寫，工具會自動擴展成六位。
輸入限制與常見錯誤
呢個工具期望你輸入三個十進制數字，用逗號或空格分隔（例如 79, 70, 229 或 79 70 229）。每個值必須喺 0 至 255 範圍內。如果你輸入超出範圍嘅數值，或者格式唔正確（例如用咗字母、漏咗數字、用咗其他符號），工具會顯示錯誤訊息：
“Enter RGB as three numbers 0–255, like 79, 70, 229.”
所有處理都喺你嘅瀏覽器內完成，唔會上載任何資料。留意，因為 RGB 同十六進制共用同一色域空間，所以唔會出現因為色域唔匹配而需要調整嘅情況——轉換係精確嘅，反過來都一樣。
工具介面與即時更新機制
呢個頁面冇傳統嘅「轉換」按鈕。你只要喺 RGB 輸入欄輸入數字，或者喺任何其他格式欄（HSL、HSV、CMYK、LAB 或顏色選擇器）更改數值，所有欄位就會即時同步更新。呢種設計令你可以快速喺唔同格式之間穿梭，對比結果。十六進制輸出欄永遠顯示六位碼，但你輸入欄可以接受三位簡寫（例如 #abc），內部會自動擴展成 #AABBCC。呢個做法符合 CSS 規範：三位簡寫係六位嘅壓縮形式，瀏覽器會自動理解。
同時，工具會顯示顏色色樣，方便你即時睇到轉換結果嘅實際顏色。
呢個工具適合邊類用家？
- 前端開發者：寫 CSS 時需要
color或background-color嘅十六進制值，由設計稿嘅 RGB 數字直接轉換。 - UI/UX 設計師：喺 Photoshop 或 Figma 攞到 RGB 數值後，要轉換成十六進制以便交接到開發者或設計系統。
- 平面設計師處理網頁素材：確保由 RGB 原型到最終十六進制編碼嘅顏色一致。
- 學生或自學人士：學習數碼顏色嘅表示方法，理解十進制同十六進制之間嘅轉換關係。
- 任何人用顏色選擇器拎到 RGB 值（例如瀏覽器開發者工具或 GIMP），需要對應嘅十六進制碼用落樣式表。
常見問題 FAQ
1. 點解輸出嘅十六進制碼永遠係六位，而唔係三位簡寫？
因為每位 RGB 值對應兩位十六進制，而且工具設計上優先確保精確性。如果你需要三位簡寫，可以手動輸入（例如 #AABBCC 可以簡寫為 #ABC），工具嘅輸入欄識別到簡寫後會自動擴展。
2. 我輸入咗 #abc，工具會點處理？
工具會將 #abc 擴展為 #AABBCC，即係將每個十六進制位複製一次，符合 CSS 規則。然後所有相關格式欄位都會更新成對應嘅色值。
3. 呢個轉換會唔會有誤差？
完全唔會。RGB 同十六進制都係用 sRGB 色域，而且每個 0-255 值都有唯一嘅十六進制表示。轉換係一對一、可逆嘅。唯一需要注意係你嘅顯示器能否準確顯示 sRGB 色域內嘅顏色，但呢個係硬件問題，唔關轉換事。
4. 如果我輸入 RGB 值大過 255 或者細過 0，會點？
工具會顯示錯誤提示：“Enter RGB as three numbers 0–255, like 79, 70, 229.” 系統唔會自動截斷或調整數值，因為超出範圍嘅值唔符合標準 RGB 定義。
5. 呢個工具有冇支援 Alpha 通道？
頁面嘅主要轉換係 RGB 到六位十六進制，唔帶 Alpha 通道。你要用 Alpha 嘅話，可以使用八位十六進制（例如 #1E90FF80），但呢個工具嘅十六進制輸入欄同輸出欄預設只處理六位。如果你想，可以用其他顏色格式欄（例如 HSL 或 CMYK）輸入帶透明度嘅值，但十六進制欄唔會顯示 Alpha 部份。
6. 點解 RGB 值要用 0-255，而唔係 0-1？
呢個係因為早期電腦用 8 位元儲存每個顏色通道，0-255 對應 256 個等級（2^8）。CSS 同設計軟件普遍沿用呢個慣例，所以十六進制轉換都係基於呢個範圍。如果你鍾意用 0-1 浮點數，可以考慮用 HSL 或 LAB 格式。
全文字數約 1800 字符（正文，唔計標記）。