配色方案產生器

一個顏色進去，五組和諧配色出來。

免費 - 無需註冊 - 在你的裝置上執行

在你的瀏覽器分頁中執行

  • 1個起始色
  • 5組和諧
  • HEX可複製
  • 0上傳
規格

配色方案產生器 規格一覽

輸入
一個 HEX 色與一種和諧
輸出
五組色票，各附 HEX 值
方法
色相旋轉與明度階梯
它沒有幫你檢查的
不代表對比夠用
價格
免費
需要帳戶
無
處理位置
在你的裝置上
使用方法

配色方案產生器 怎麼用

  1. 1

    設定起始色

    設定起始色。

  2. 2

    選一種和諧

    選一種和諧。

  3. 3

    複製色值

    複製 HEX 值。

問題

常見問題

該選哪一種和諧？

互補拉得最開，類似最貼近，三分介於兩者之間。拿起始色各試一次，留下適合這件案子的那一組。

產生出來就能直接當品牌配色嗎？

它是起始配色。真正的品牌配色會再用眼睛調過，並且拿去測文字對比，那是對比檢查器的事。

可以從照片開始嗎？

這個面板不行。先用圖片取色器從照片讀出顏色，再把那個 HEX 值帶過來。

我的顏色會被上傳嗎？

不會。配色在這個瀏覽器分頁裡算出來，不會送到處理伺服器，也不會被儲存。

背景說明

從方案到真正能用的配色

填一個 HEX 起始色並選一種和諧關係。配色是把色相旋轉算出來的，單色系那一組則改用明度階梯。

  • 產生出來的色相是平均分布的，眼睛還是會想把其中幾個調亮或調暗。
  • 挑一個顏色當主角，其他退到旁邊，不要每個都用滿。
  • 打算放文字的配對，先拿去對比檢查器測過再定案。
  • 把起始 HEX 值留著，隨時可以重新產生同一組配色。

完整規格

配色方案產生器 的完整規格
輸入一個 HEX 起始色，以及你要的和諧關係。
輸出五組和諧色票，每一個色票都附 HEX 值。
方法在 HSL 裡旋轉色相，單色系那組改用明度階梯。
它沒有幫你檢查的你挑的配對放上文字之後，對比夠不夠。
價格免費。由工作區外標示清楚的廣告支援。
需要帳戶不需要。
處理位置在你的瀏覽器分頁中。你的輸入絕不會被上傳。
下一步

用同一批檔案繼續做

全部色彩工具： SPOTTOOLS 的色彩工具