若要在 iPhone 上將 RGB 轉換為 HEX，請在 Safari 中開啟 RGB 轉 HEX 轉換工具，輸入紅、綠、藍三個數值（每個範圍為 0 到 255），然後複製對應的 #RRGGBB 程式碼 — 無需安裝任何 App。這個基於瀏覽器的工具完全以 JavaScript 在你的裝置上執行，因此只要你的 iPhone 執行目前版本的 iOS 並能連上網路就能使用，而且在你輸入時會即時運算。由於所有轉換都在本機進行，你可以貼上品牌色或尚未發布的配色，而這些顏色不會離開你的手機。這個工具在表單的另一端也接受 HEX 輸入，因此你可以貼上像 #3b82f6 這樣的程式碼，並讀回該顏色精確的 RGB 色頻與 HSL 數值。即時色塊會隨著每次按鍵更新，在小手機螢幕上特別實用，能讓你在複製到程式碼、設計檔或備忘錄之前，確認選到正確的顏色。
為什麼要在 iPhone 上將 RGB 轉換為 HEX
設計師、開發人員和行銷人員經常會拿到需要轉成 HEX 程式碼的 RGB 三元組 — 或反過來 — 而且他們經常需要在移動中完成。以下是一些拿起手機就能處理的常見情境：
- 你在客戶會議中，有人從品牌指南傳了一組 RGB 規格給你；你需要在會議結束前取得可直接用於 CSS 的 HEX 程式碼放進樣式表。
- 你從某個 App、網頁或照片截圖了一個顏色，但挑選器只顯示 RGB 色頻；你想要對應的 HEX，以便用於 Figma、Photoshop 或你的設計 token 檔。
- 你在手機上檢視電子郵件中的 HEX 色票，想要把它讀回 RGB 色頻，等回到座位上時能貼進影像編輯器。
- 你從周遭世界（油漆色卡、產品、螢幕）取樣一個顏色，並有粗略的 RGB 估計值，想要把它整理成可以分享的程式碼。
Apple 的 iOS 並沒有內建可同時處理這兩種格式的顏色轉換工具。系統的顏色挑選器顯示 RGB 滑桿與 HSB 表示法，但不會產生可複製貼到 CSS 的 HEX 字串。這就是在 iPhone 上使用瀏覽器型轉換工具是最實際路徑的原因：它像其他網頁一樣在 Safari 中開啟，不需要任何權限，且在橫向或縱向方向都能使用。
如何在 iPhone 上將 RGB 轉換為 HEX
在 Safari 中打開頁面後，整個工作不到一分鐘就能完成。
- 在你的 iPhone 上開啟 Safari 並前往 RGB 轉 HEX 轉換工具。
- 點選紅、綠、藍欄位，分別輸入介於 0 到 255 之間的數值作為各色頻值。
- 在你輸入完成時，即時色塊與產生的 HEX 程式碼會同步更新。
- 讀取顯示在色塊旁的對應 RGB、HEX 與 HSL 數值。
- 點選 HEX 輸出旁的複製按鈕，將 #RRGGBB 程式碼放入剪貼簿。
- 切換到你想要使用的 App（備忘錄、郵件、Slack、程式碼編輯器、你的 CMS）並貼上。
這個工具會對你輸入的任何內容進行正規化：超出範圍或帶有小數的值會被限制為最接近的有效 0–255 整數，且輸出永遠是小寫的六位數程式碼，每個色頻都會以零補齊。這表示在紅色欄位輸入 15 會在 HEX 輸出中顯示為 0f，而不是只有一個 f，這正是手動轉換容易出錯的細節。
反過來：在 iPhone 上將 HEX 轉為 RGB
如果你已經有 HEX 程式碼（來自樣式表、Figma 檔、品牌手冊 PDF 或同事的訊息），而需要查看 RGB 色頻，這個工具同樣能處理這個方向。點選頁面頂端的 HEX 欄位，貼上或輸入程式碼，RGB 與 HSL 讀數會與色塊一起更新。無論是否帶有前置的 # 都可以貼上，且解析器不區分大小寫，因此 ABC、#abc 與 abc 都會解析為同一個顏色。
三位數的簡寫也能識別。表單會將每個數字以重複的方式展開，因此 #abc 會變成 #aabbcc，#f00 會變成 #ff0000（純紅），#fff 會變成 #ffffff（白色）。如果你貼上的內容格式錯誤（字元數不對或含有非法字母），表單會標示出來，而不是靜悄悄地產生錯誤的顏色。
即時色塊與 HSL 讀數在小螢幕上的幫助
在 iPhone 螢幕上，顏色名稱與十六進位字串都容易看起來混在一起，因此即時預覽比在桌機上更為重要。色塊會以表單中目前 HEX 或 RGB 數值的精確顏色填滿，讓你一眼就能確認這個顏色是你想要的霧藍色而非青色。這種視覺確認在以下情境很有用：
- 抓出像顛倒數字這類的打字錯誤（例如 #3b82f6 與 #3b28f6），這類錯誤會產生看起來幾乎相同但實際錯誤的顏色。
- 檢查品牌色在你手機螢幕上的呈現是否與校色過的螢幕一致 — 在你決定將它寫入設計檔之前先做個快速檢查。
- 利用顯示的 HSL 亮度值，在你複製前先確認兩個 HEX 色調中哪一個比較亮、哪一個比較暗。
HSL 讀數（色相 0–360°、飽和度與亮度 0–100%）是在手機上推敲顏色最簡單的方式，因為這些控制項對應到人類實際描述顏色的方式：哪個色相、多飽和、多亮。如果你想比較品牌藍的兩個色調，回報的亮度值能讓你一眼看出差異，因此不必靠猜色頻數字就能選對。
常用轉換快速參考表
當你無法立刻打開 Safari 時，記住幾個參考點會很有幫助。下方六個顏色涵蓋 RGB 立方體的各個角落，外加一個非常常見的 UI 藍，它們都屬於你的 iPhone、CSS 與設計工具所共用的同一個 24 位元色彩空間。
| 顏色 | RGB (0–255) | HEX |
|---|---|---|
| 黑色 | (0, 0, 0) | #000000 |
| 白色 | (255, 255, 255) | #ffffff |
| 純紅 | (255, 0, 0) | #ff0000 |
| 純綠 | (0, 255, 0) | #00ff00 |
| 純藍 | (0, 0, 255) | #0000ff |
| UI 藍（Tailwind blue-500） | (59, 130, 246) | #3b82f6 |
最後那一列是現代網頁設計中經常出現的顏色：RGB (59, 130, 246)。計算過程如下。
- 59 除以 16 得到商數 3 與餘數 11。在十六進位中，餘數 11 寫成 B，因此紅色配對為 3B。
- 130 除以 16 得到商數 8 與餘數 2，因此綠色配對為 82。
- 246 除以 16 得到商數 15 與餘數 6。商數 15 寫成 F，因此藍色配對為 F6。
- 依序組合這三對：#3b82f6。
這個單一計算結果與 RGB 轉 HEX 工具產生的數值一致，而且是值得記住的一個模式：將每個十進位色頻除以 16，即可得到兩個十六進位數字。對於任何非整數的值，用工具會比在手機上做除法更快。
在小螢幕上處理顏色程式碼的訣竅
有幾個習慣能讓 iPhone 上的 RGB/HEX 工作更順暢：
- 當你需要閱讀較長的 HEX 程式碼或並排比較兩組色票時，旋轉為橫向 — 轉換工具的版面在 Safari 中會自然重新排版。
- 使用分享選單，將複製的 HEX 程式碼直接傳送到備忘錄、郵件、Slack 或提醒事項清單，無需離開 Safari。
- 透過 Safari 的分享選單選擇「加入主畫面」，將轉換工具加入主畫面。之後它的行為就像 App 圖示，點一下就能開啟，對於經常在移動中轉換顏色的人很方便。
- 將 HEX 色票加入書籤，方法是將程式碼貼到同一則備忘錄中，之後就能重新貼回轉換工具以讀取 RGB，不必再重新輸入。
- 相信色塊：如果即時預覽與你記憶中的顏色不一致，複製前請再次確認數字 — 這比之後在樣式表中除錯錯誤的顏色要快得多。
綜合以上這些習慣，能讓 iPhone 在你暫時離開電腦的時刻，成為一個稱職的配色工作站，由轉換工具負責色頻運算，色塊負責視覺檢查。