iPhone 上的隨機色彩產生器其實就是一個網站，只要輕點一下就能產生全新的色彩，在 Safari 中執行而無需安裝任何應用程式，還能將任何色彩格式直接複製到您的剪貼簿。隨機色彩產生器正是這樣做的:在 Safari 中開啟頁面，設定您想要的色彩數量，然後按下「Generate」(產生)按鈕，就能從一般 iPhone 螢幕可顯示的全部 16,777,216 種色彩中，抽出一組全新的色彩。每個結果都會提供三種格式 —— HEX 用於 CSS、RGB 用於影像編輯器、HSL 用於微調色相、飽和度和亮度 —— 而且輕點任何數值，就會將它推送到您 iPhone 的剪貼簿，讓您可以貼到「備忘錄」、「訊息」、Figma 或任何其他應用程式中。由於一切都在瀏覽器中於本機執行，因此不會有任何資料離開裝置、不需要帳號，也不會上傳任何內容。設計師在外出時會用它來打破創作瓶頸，開發人員會用它來取得用於圖表序列或標籤的臨時色彩，學生則可透過它來探索 RGB 和 HSL 究竟如何對應到螢幕上實際看到的樣子。唯一實際的限制是對比度:隨機色彩並未經過無障礙檢查，因此任何您打算用來承載文字的色彩，都應該先跑過對比度檢查工具。
在 Safari 中執行產生器 vs. 使用 iPhone 應用程式
App Store 上有許多隨機色彩的應用程式 —— 有些免費但有廣告，有些付費，有些則被鎖在 App 內購買後才能用。它們的取捨都一樣:在已經感覺空間不足的裝置上佔用儲存空間、更新週期可能會在一夜之間改變行為，以及對一個您可能只會用兩次的工具顯示註冊畫面。以瀏覽器為基礎的產生器則避開了所有這些問題。Safari 會視需要載入頁面，頁面大小只有幾百 KB，您用完後可以關閉分頁，而不會在主畫面上留下一個圖示。
另一個優點是資料方面:由於產生器是使用 Safari 內建的 JavaScript 隨機函式在本機執行，因此您產生的任何色彩都不會透過網路傳送。沒有帳號、沒有電子郵件、也沒有任何分析資料與您挑選的色彩綁定。對於正在處理客戶色彩的設計師、在共用 iPad 上進行課堂示範的教師，或是單純不想再讓另一個應用程式追蹤其點擊行為的使用者而言，這點很重要。
一項雖小但實際存在的 iPhone 專屬優勢是分享。如果同事或同學位於同一個 Wi-Fi 網路上，您可以像分享其他連結一樣 AirDrop 該頁面的 URL —— 不需要 App Store 的握手機制，也不會有「在 App 中開啟」的提示打斷工作流程。
如何在 iPhone 上產生隨機色彩
整個過程都在 Safari 中進行，只需要幾次輕點:
- 在您的 iPhone 上開啟 Safari，並前往 隨機色彩產生器。不需要下載應用程式或登入。
- 輕點數量欄位，輸入您想要的色彩數量 —— 從 1 到 100 之間的任何數字都可以。
- 輕點「Generate」(產生)。Safari 會立即產生一組全新的色票，每一個都是從完整的 24 位元色彩空間中均勻抽出。
- 輕點任何一個色票即可複製其 HEX 值，或輕點其下方的 RGB 或 HSL 文字以複製該格式。
- 切換到您需要該色彩的應用程式 —— 「備忘錄」、Figma、「訊息」、Safari 本身 —— 然後貼上。
這就是完整的工作流程。如果這組色彩感覺不對，再輕點一次「Generate」(產生) —— 因為底層的隨機函式每次都會重新植入種子，所以每按一次都會給您一組完全不同的結果。
iPhone 螢幕上的 HEX、RGB 和 HSL
產生器頁面上的每個色票都會顯示描述同一個色彩的三個數值，而該貼上哪一個，則取決於這個色彩要用到哪裡。
| 格式 | 範例 | 最適合用於 |
|---|---|---|
| HEX | #3a9d7f | CSS、Figma、Sketch、設計系統權杖、網頁樣式表 |
| RGB | rgb(58, 157, 127) | JavaScript canvas、影像編輯器、原生 iOS UIColor、SwiftUI Color |
| HSL | hsl(158, 46%, 42%) | 手動微調結果、建構無障礙變體、設計探索 |
以 HEX #3a9d7f 作為一個完整的範例。前兩個字元 3a 是紅色色版:3 × 16 + 10 = 58。下一組 9d 是綠色:9 × 16 + 13 = 157。最後一組 7f 是藍色:7 × 16 + 15 = 127。因此 #3a9d7f 正好就是 rgb(58, 157, 127)，也就是 hsl(158, 46%, 42%) —— 同一個藍綠色以三種不同方式書寫，只是剛好從產生器中跑出來而已。
HEX 是您會貼到 CSS 檔案或 Figma 選色器中的格式，因為它精簡且易於人眼掃讀。RGB 在 iPhone 上的重要性，特別是當您正在編寫原生 iOS 程式碼時 —— UIKit 的 UIColor 直接接受範圍從 0 到 255 的 RGB 色版數值，所以 rgb(58, 157, 127) 這種形式就是會放進 Swift 中的內容。HSL 是最容易推理的格式，因為色相 (158°) 代表色彩的所屬類別，而飽和度 (46%) 與亮度 (42%) 則描述其鮮豔程度與明暗程度。如果一個隨機色彩看起來太灰或太暗，您可以讀取 HSL 數值並調整亮度分量，而無需透過十六進位運算再轉換回去。
將色彩貼到其他 iPhone 應用程式中
一旦數值進到剪貼簿，iOS 就能讓您輕鬆地在幾乎任何接受文字的地方使用它。在「備忘錄」、Pages 或任何文字欄位中長按，就會出現標準的貼上泡泡。在 iPad 上的 Figma 和 Sketch 中，相同的操作會直接把 HEX 貼到色彩欄位中。在 Safari 本身中，您也可以將數值貼到 CSS 編輯器、Codea 沙盒，甚至網址列中來進行測試。
有幾個 iPhone 專屬的細節值得了解。iOS 的剪貼簿只保留最近的一個項目，所以如果您複製了一個 HEX，然後又不小心複製了其他東西，那個 HEX 就消失了 —— 按照您需要的順序複製您需要的數值，或是在複製下一個之前，先將每一個貼到一則草稿「備忘錄」中。大多數應用程式都支援滑動貼上的手勢，但在強制回應的彈出視窗中並不支援，所以如果貼上提示沒有出現，請先關閉任何開啟中的強制回應視窗，然後從主要編輯畫面再試一次。
若要與其他 iPhone 使用者分享某個特定色彩，最簡單的做法就是將 HEX 貼到一則「訊息」中，讓對方收到可以立即使用的精確數值。
iPhone 上的限制與無障礙考量
這個產生器會從完整的 24 位元 RGB 空間中抽取，理論上代表紅、綠、藍各有 256 個層級 —— 256 × 256 × 256 = 16,777,216 種可能的色彩，這也正是 iPhone 螢幕在物理上能夠呈現的範圍。實際上，有兩個因素會稍微縮小這個範圍:在深色模式介面下，非常暗的色彩看起來接近黑色;而在淺色模式介面下，非常淡的色彩又會被洗白，因此螢幕上的視覺選擇會偏向中等飽和度、中等亮度的結果。這種偏誤正是為什麼 HSL 如此好用 —— 它讓您可以在腦海中提高亮度滑桿，並找到一個更清晰易讀的數值，而不必重新計算十六進位運算。
無障礙是隨機色彩需要一道護欄的領域。這個產生器並不會試圖確保寫在任何隨機色彩上的文字，都能符合 WCAG AA 或 AAA 的對比要求。一個完全隨機的色彩，可能會與白色文字相衝突，也可能會與之互補。如果這個色彩將承載意義 —— 例如按鈕標籤、圖表圖例、狀態徽章 —— 請在發佈之前，把 HEX 貼到專門的對比度檢查工具中以確認比例。通常的修正是使用 HSL 來微調亮度，而不是重新產生、然後期待運氣更好。
最後一個實用的提醒:由於頁面是在 Safari 中執行，它會繼承您 iPhone 所設定的色彩描述檔。在開啟「原彩」和「夜覽」的情況下，同一個 HEX 在一天中的不同時段看起來會稍微偏暖或偏冷。若要進行像素精準的設計工作，請先到「設定 > 螢幕顯示與亮度」中暫時把這兩項都關閉，這樣您在色票上看到的內容，才會是實際存進檔案中的內容。
若要深入了解，請參閱 Mac 上的隨機色彩產生器:使用您的瀏覽器。
若要深入了解，請參閱 在 Android 上無需應用程式將 RGB 轉換為 CMYK。