隨機顏色生成器
開啟就有一個隨機顏色——按空格換下一個,HEX、RGB、HSL 一鍵複製。
- HEX
- RGB
- HSL
使用方法
- 開啟頁面就有一個顏色——第一個結果不需要任何點選。
- 按空格(或點「生成」)換下一個。想換一種「隨機法」先選風格:「均衡」落在可用區間,「全域」在整個 HSL 空間裡搖,「鮮豔」「柔和」分別偏向強調色和淺背景。
- 點每行的「複製」拿對應格式——或直接點大色塊複製 HEX;「複製全部三種格式」把三種格式一次帶上剪貼簿,每行一條。
示例
設定
風格「均衡」
一種可能結果
HEX #A5B3C0 RGB rgb(165, 179, 192) HSL hsl(210, 18%, 70%)
值是隨機的,你不會得到一模一樣的——核對形態:HEX 是 # 加 6 位十六進位制,RGB 是三個 0–255 整數,HSL 是色相角度加兩個百分比。色塊上的 Aa 角標是黑字/白字在這個顏色上的 WCAG 對比度(21:1 最好,1:1 完全看不清)。
規則、侷限與常見問題
- 只產不透明顏色:沒有透明度、沒有 8 位 HEX。需要 alpha 請把值貼進顏色轉換工具。
- 三種格式:HEX、RGB、HSL。HSV、CMYK 及其他色彩空間是顏色轉換工具的任務。
- 「均衡」「鮮豔」「柔和」是人為劃定的 HSL 可用區間,刻意不是數學均勻分佈;要均勻請切「全域」,同時接受泥灰與近白近黑也是「隨機」的一部分。
- 隨機源是瀏覽器的 crypto.getRandomValues——密碼學強度,但不是 random.org 式的「物理真隨機」。
- 最近顏色條只活在本次瀏覽:重新整理即清。不上傳、不儲存、不寫入 URL,分享按鈕分享的只是頁面連結。
- Aa 角標只比較黑色文字與白色文字(WCAG 2.x 相對亮度公式);其他文字顏色、疊加與色彩管理不在範圍內。
- 舍入只發生在顯示口徑:同一顏色在 HEX 與 HSL 之間往返,通道可能偏移 1。
相關工具
拿到顏色之後,通常還會用到這些。