產生顏色
按下「新的隨機顏色」，建立三個安全隨機的 RGB 色彩通道。
隨機顏色
發現一個你不會主動選的顏色。
產生全新顏色、複製常用色碼，並查看淺色或深色文字何者更容易閱讀。
HEX
按一下，發現下一個顏色。
新的隨機顏色
顏色在目前的瀏覽器分頁中產生。
HEX
#7162E8RGB
rgb(113, 98, 232)HSL
hsl(247, 74%, 65%)最近顏色
最近的色票會顯示在這裡。
顏色在目前的瀏覽器分頁中產生。
如何使用隨機顏色產生器
每按一次就會建立一個 RGB 顏色，並計算對應的 HEX 與 HSL 數值。
查看格式
查看同一顏色的 HEX、RGB 與 HSL 表示方式。
複製使用
複製你的設計或開發工具需要的格式。
隨機顏色的用途
設計靈感
從意想不到的起始色跳脫熟悉的配色。
原型內容
為模型與元件測試建立暫用色票。
學習色彩模型
比較同一顏色的 HEX、RGB 與 HSL 表示方式。
HEX、RGB 與 HSL 是什麼？
RGB 以 0 到 255 表示紅、綠、藍三個色彩通道。HEX 則以 CSS 常用的六個十六進位字元編碼相同數值。
HSL 表示色相、飽和度與亮度，在調整顏色的鮮豔程度或明暗時通常更直覺。
常見問題
可以複製色碼嗎？
可以。一鍵即可複製 HEX、RGB 或 HSL。
所有 RGB 顏色都有可能出現嗎？
是。每個通道都能獨立成為 0 到 255 間的任一整數。
如何提供文字顏色建議？
Whimivo 估算相對亮度，並建議白色或深色文字，以取得較好的基本對比。
這能保證符合無障礙標準嗎？
不能。請依必須遵循的對比標準，測試實際文字大小、粗細與介面狀態。