色票產生器

從一種基準色比較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種變化類型,並另外顯示不同色彩的數量。

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

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

色票分享網址會儲存什麼?

網址包含基準色與選取的變化類型,不會儲存歷史紀錄,也不需要帳號。