隨機工具 / 007
隨機顏色產生器
隨機產生色票並同時提供 RGB 與 HEX 色碼，一鍵複製即可使用。
HEX 格式
#808080RGB 格式
rgb(128, 128, 128)HSL 格式
hsl(0, 0%, 50%)為什麼做這個
配色卡關時，隨機抽幾個顏色通常比盯著色盤更快找到方向。這個版本一次給 HEX、RGB、HSL 三種格式，抽到喜歡的可以直接複製貼進 CSS 或設計工具。
這個工具怎麼用
按一下就會抽出一個顏色，上方色塊是它實際的樣子。配色卡關、需要一個沒有偏好的起點時，隨機抽幾次通常比盯著色盤想更快找到方向。
同一個顏色會同時以 HEX、RGB、HSL 三種格式列出。HEX 適合貼進 CSS 與設計工具，RGB 常見於程式碼與 canvas，HSL 則因為色相、飽和度、亮度是分開的數字，最適合拿來手動微調——想調亮一點就改第三個值。
找到接近的顏色後，建議以 HSL 為基礎往上下調整亮度，就能快速做出同色系的深淺階，比重新抽色更容易湊出一組協調的配色。
產生的顏色不會保留紀錄，重新整理就是全新的一輪。
常見問題
HEX、RGB、HSL 有什麼差別？
三者描述的是同一個顏色，只是寫法不同。HEX 是十六進位縮寫，最常用於網頁；RGB 直接給紅綠藍三個 0–255 的值；HSL 則拆成色相、飽和度、亮度，調整明暗與濃淡時最直覺。
可以固定色系只抽某個範圍嗎？
目前是全色域隨機，沒有限定範圍的選項。實務上的做法是多抽幾次挑一個接近的，再用 HSL 的色相值微調到你要的區間。
抽到的顏色文字看得清楚嗎？
隨機顏色不保證對比度。拿來當背景或文字色之前，建議用無障礙對比檢測確認達到 WCAG 的 4.5:1（一般文字）標準，深色背景配淺色字通常比較安全。
複製的色碼可以直接貼進 CSS 嗎？
可以。HEX 與 HSL 的格式都是 CSS 直接支援的寫法，貼上後即可使用；RGB 同樣是標準語法，適合放進程式碼裡動態組合。