調色盤產生器
從單一基礎顏色產生搭配的調色盤。
互補色
相似色
三角配色
單色調
使用範例
規劃網站的配色方案
從品牌的基礎顏色出發,快速取得適合按鈕、背景與強調色的搭配調色盤。
用互補色找出醒目的強調色
查看主色正對面的色調,為需要吸引目光的行動呼籲按鈕選一個搶眼的顏色。
用單色調色盤增添層次感
運用同一色相的明暗變化,僅用一種顏色就能打造一致且精緻的設計。
常見問題
我的顏色值會傳送到伺服器嗎?
不會。所有計算都完全在您的瀏覽器中進行,您輸入的顏色值絕不會傳送到伺服器。
每種配色類型是如何計算的?
系統會將您的基礎顏色轉換為 HSL,再於色輪上旋轉角度——互補色是相反的 180 度,相似色是 ±30 度,三角配色則間隔 120 度。單色調則保持相同的色相與飽和度,只改變明度。
如果輸入非常深或非常淺的顏色會怎樣?
單色調色盤的明度值被限制在 5% 到 95% 之間,因此如果原始顏色非常接近黑色或白色,部分變化可能看起來會很相似。