隨機配色生成器

選擇數量、重新生成，即可快速建立情緒板配色方案。

此結果僅供瀏覽端規劃與參考使用。

數量

CSS / HEX

指南

使用前的檢查事項

當情緒板或插圖需要起始顏色候選值時使用此工具。選擇數量、生成調色盤、鎖定要保留的色票，並只重新生成其餘顏色。

產生器會隨機挑選一個基礎色相，依所選數量分佈色相，並加入少量飽和度與亮度變化。被鎖定的色票在下一次執行時會保留相同的 HSL 值。

在 5 色組合中先鎖定深藍色背景與黃色點綴後再重新生成。那 2 個顏色將保留，另外 3 個會改變；將 HSL 清單複製到候選設計 token 進行測試。

隨機輸出無法保證色彩和諧、可及性或列印重現。請分別檢查品牌意涵與文字對比度，並將核准的顏色記錄為穩定 token。

如何將隨機色彩調色盤生成器中的顏色移到其他應用？

在結果下方使用複製按鈕，複製 CSS、HEX 或 HSL 文字。請確認目標應用會以相同的顏色格式解析。

隨機色彩調色盤生成器的螢幕顏色會與列印一致嗎？

不會自動一致。發光式 RGB 螢幕和反射型紙張與墨水使用不同的色域與混色模型，因此仍需要列印設定檔與打樣。

我可以只用隨機色彩調色盤生成器就核准一個設計 token 嗎？

將其作為候選值使用，再在真實背景、深色模式、互動狀態與文字對比度下測試，之後再命名並核准 token。