產生配色

配色產生器

依鄰近色、互補色或三角色產生五色配色,可複製 HEX 或匯出色票。

產生器提供起點;品牌、印刷與無障礙仍須在真實情境驗證

配色關係

先讓顏色之間建立關係

5 色

這組顏色來自同一種色相關係。

可複製色票

一組語氣一致的顏色

匯出色票將整組配色排成一張無浮水印分享卡。

方法與限制

共同的色相關係,讓隨機結果仍像一組顏色

鄰近色在色相環上距離較近,整體統一;互補色相隔約 180°,適合製造明確對比;三角色以約 120° 間隔分布,視覺更活潑。

工具會稍微改變飽和度與亮度,避免五個色塊只機械地平移色相。結果適合做情緒板起點,不取代真實介面的對比度檢查。

隨機產生基礎色相;依所選關係加入固定角度偏移,再有限調整飽和度與亮度。

常見問題

配色產生器 · 常見問題

哪種關係最適合新手?

鄰近色最容易維持統一,再選最深色作文字、最亮色作背景。

可直接當品牌色嗎?

可作為起點,但仍應測試不同螢幕、印刷、深淺背景與無障礙,並確認不與既有品牌衝突。

顏色由 AI 產生嗎?

不是。結果來自公開、可解釋的 HSL 色相關係與隨機基礎色。