它輸出哪些色彩格式？

每種產生的色彩皆以三種格式顯示：HEX（例如 #3a9d7f）、RGB（例如 rgb(58, 157, 127)）與 HSL（例如 hsl(158, 46%, 42%)）。這三種格式描述的是同一種色彩——點選任一種即可複製。

最多能產生多少種不同色彩？

色彩是從完整的 24 位元 RGB 空間中隨機抽取：紅、綠、藍各擁有 256 級別，總共有 16,777,216 種可能的組合 —— 這與標準螢幕所能顯示的範圍相同。

這些色彩會被傳送到哪裡嗎？

不會。所有色彩皆在你的瀏覽器中本機產生，使用內建的隨機函式。不會上傳、儲存或記錄，也無需帳號。

隨機色彩生成器

立即產生隨機 HEX、RGB 與 HSL 色彩。點選任意色塊即可複製——無需註冊。

隱私權：你的檔案不會離開裝置，所有處理均在瀏覽器本機完成。

使用方式

1.在數量欄位中設定你需要的色彩數量（從 1 至 100）。
2.點選「產生」以產生一組全新的隨機色彩。
3.點選任意色塊複製其 HEX 值，或點選 RGB / HSL 值複製該格式。

關於隨機色彩生成器

隨機色彩產生器是打破創意瓶頸最快的方式。你不必盯著空白色塊發呆，只需按一下按鈕，就能從完整的 24 位元 RGB 空間中，均勻隨機取得一組色彩 —— 所有 16,777,216 可能的色彩都擺在桌上，因此你所見到的色彩組合，大多是你不會刻意選擇的。這種不可預測性正是其重點：設計師、插畫師與前端開發者使用它來擺脫自己的慣性思維，偶然發現出乎意料的色彩搭配。

每種色彩皆以實際用於實務工作的三種格式呈現。HEX（#rrggbb）是輸入 CSS、Figma 及大多數設計工具的標準格式。RGB（紅、綠、藍，範圍為 0 至 255）是螢幕實際混合光線的方式，也是影象編輯軟體會呈現的模式。HSL（色調、飽和度、明度）則是人們日常理解色彩的方式——選擇一個色調，再調整飽和度與明度，因此是最容易將隨機結果調整為可用的格式。點選任一格式即可立即複製到剪貼簿。

除了激發創意，隨機色彩也是一種實用工具。前端與資料視覺開發者需要為圖表系列、標籤、頭像或暫時 UI 元件使用臨時色彩，直到實際值確定。測試與品質工程師會使用隨機 HEX 值來種入測試資料與模擬資料。教師與學生則會使用此工具展示 RGB 與 HSL 模型如何對應到螢幕上實際看到的色彩。

可一次產生多種色彩，重製直到組合感到合適，並複製你需要的格式。所有運作皆在本機瀏覽器中執行——不會上傳任何內容，也無需帳號。不過需特別注意：隨機色彩並非保證可訪問性，因此若該色彩將用於顯示文字或傳達意義，請先檢視其與背景的對比比例，再交付使用。

常見問題

它輸出哪些色彩格式？: 每種產生的色彩皆以三種格式顯示：HEX（例如 #3a9d7f）、RGB（例如 rgb(58, 157, 127)）與 HSL（例如 hsl(158, 46%, 42%)）。這三種格式描述的是同一種色彩——點選任一種即可複製。
最多能產生多少種不同色彩？: 色彩是從完整的 24 位元 RGB 空間中隨機抽取：紅、綠、藍各擁有 256 級別，總共有 16,777,216 種可能的組合 —— 這與標準螢幕所能顯示的範圍相同。
這些色彩會被傳送到哪裡嗎？: 不會。所有色彩皆在你的瀏覽器中本機產生，使用內建的隨機函式。不會上傳、儲存或記錄，也無需帳號。

色彩工具使用指南

查看全部

使用方式

關於隨機色彩生成器

常見問題

相關工具

色彩工具 使用指南

色彩工具使用指南