配色產生器

由一種基準顏色比較9個配色選項。選取顏色後,可複製顏色值,或將它設為下一個基準顏色。

此頁面用於數位色票規劃。它不是真實油漆化學的顏料模擬器。

其他語言 日本語 | English | 繁體中文 | 繁體中文(香港) | Italiano

由一種顏色建立配色選項

例子:#2563eb、rgb(37, 99, 235)、hsl(0, 100%, 50%)、red。RGB及HSL請用逗號分隔。

支援3位或6位HEX、以逗號分隔的RGB及HSL,以及清單內的CSS顏色名稱。不支援透明度或其他CSS顏色格式。

支援的顏色名稱

aqua, black, blue, brown, cyan, fuchsia, gold, gray, green, grey, lime, magenta, maroon, navy, olive, orange, pink, purple, rebeccapurple, red, silver, teal, white, yellow

選擇基準顏色以查看配色選項。

分享連結包含基準顏色及所選的變化類型。

使用方法

  1. 輸入支援的顏色值,再按「套用基準顏色」。使用顏色選擇器時會即時更新。
  2. 選取色板,查看HEX、RGB及HSL值。
  3. 複製單一顏色或全部HEX,將所選顏色設為基準顏色,或複製配色分享連結。

配色選項的產生方式

較淺的選項混入白色,較深的選項混入黑色,加灰選項則混入#808080。百分比是sRGB編碼值的混合比例。色相選項以HSL色相位移+30°、−30°及180°產生。

此工具用於數碼配色,不模擬實際顏料混色,亦不保證配色協調或文字清晰易讀。HSL值會四捨五入;如需保留精確的8位元顏色,請使用HEX。

下一步使用的工具

常見問題

這個工具會產生甚麼配色選項?

會產生基準顏色、2種加白色、1種加灰色、2種加黑色、2種色相變化及1種互補色,共9個選項。

色相選項一定偏暖或偏冷嗎?

不一定。它們是HSL色相位移+30°或−30°的結果,不代表一定看起來較暖或較冷。

為何部分色板的顏色相同?

黑、白及灰色在改變色相後可能仍是同一種顏色。工具會保留9種變化類型,並另外顯示不同顏色的數量。

這些配色能保證文字清晰易讀嗎?

不能。用於文字前,請在對比檢查器中檢查實際的文字顏色與背景顏色組合。

配色分享連結會儲存甚麼?

連結包含基準顏色及所選的變化類型,不會儲存歷史紀錄,亦不需要帳戶。