配色產生器
從任一基準色產生明暗階與色彩調和配色。
選擇基準色，立即產生同色系的明暗階，以及互補色、鄰近色、三等分色與四等分色的調和配色。可一鍵複製任一 HEX。所有運算皆在瀏覽器中完成。
此瀏覽器不支援螢幕滴管，請用選色器或貼上 HEX 色碼。
色碼
最接近的命名色
Royal Blue
#4169e1 · Δ 30.33
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)調色盤與配色
明暗階
互補色
類比色
三分色
四分色
點任一色塊即可設為主色。
混色器
混合比例: 50% / 50%
混合結果
#8d51a5使用色票選色器、滴管工具，或直接輸入 HEX、RGB、HSL 數值來選擇基準色，接著往下捲動即可看到由此色即時產生的明暗階，以及互補、鄰近、三等分、四等分的調和配色列。點擊任一色塊即可將其 HEX 色碼複製到剪貼簿。
公式與方法
明暗階固定色相與飽和度、改變明度。調和配色以色輪旋轉色相：互補 180°、鄰近 ±30°、三等分 120°、四等分 90°。
範例
- #2563eb → 藍色階＋互補橘色與三等分配色
常見問題
什麼是色彩調和？
一組在色輪上具有固定關係（例如互補或三等分）的顏色，搭配起來通常較為協調。
互補色和鄰近色有什麼不同？
互補色位於色輪上相對的位置，對比強烈，適合用在按鈕或需要凸顯的重點色；鄰近色則彼此相鄰，看起來柔和協調，適合用在背景或漸層。
什麼時候該用三等分色或四等分色？
三等分色以三個等距色相組成，鮮明又不失平衡；四等分色由兩組互補色搭配而成，色彩變化最豐富，但建議挑一個主色、其餘作為點綴，才不會顯得雜亂。
可以直接複製色碼嗎？
可以，點擊明暗階或調和配色列中的任一色塊，就能立即把該色的 HEX 色碼複製到剪貼簿。
這個工具會儲存我的配色嗎？
不會，所有運算都在你的瀏覽器本機完成，不會儲存或上傳任何資料，離開頁面前請自行複製色碼或截圖保存。
隱私
所有運算都在您的瀏覽器本機完成，資料絕不會上傳。