產生配色
配色產生器
依鄰近色、互補色或三角色產生五色配色,可複製 HEX 或匯出色票。
產生器提供起點;品牌、印刷與無障礙仍須在真實情境驗證
配色關係
先讓顏色之間建立關係
這組顏色來自同一種色相關係。
可複製色票
一組語氣一致的顏色
匯出色票將整組配色排成一張無浮水印分享卡。
方法與限制
共同的色相關係,讓隨機結果仍像一組顏色
鄰近色在色相環上距離較近,整體統一;互補色相隔約 180°,適合製造明確對比;三角色以約 120° 間隔分布,視覺更活潑。
工具會稍微改變飽和度與亮度,避免五個色塊只機械地平移色相。結果適合做情緒板起點,不取代真實介面的對比度檢查。
隨機產生基礎色相;依所選關係加入固定角度偏移,再有限調整飽和度與亮度。
常見問題
配色產生器 · 常見問題
哪種關係最適合新手?
鄰近色最容易維持統一,再選最深色作文字、最亮色作背景。
可直接當品牌色嗎?
可作為起點,但仍應測試不同螢幕、印刷、深淺背景與無障礙,並確認不與既有品牌衝突。
顏色由 AI 產生嗎?
不是。結果來自公開、可解釋的 HSL 色相關係與隨機基礎色。