配色方案產生器

關於本工具

配色方案生成器使用色彩理論從單一基礎顏色生成和諧的調色板。

此方法與專業設計工具相同，是大多數設計系統調色板生成器的基礎。

方案類型

• 互補色: 色輪上相對的兩種顏色 (180°)。高對比度。
• 類似色: 相鄰的三種顏色 (±30°)。和諧自然。
• 三角色: 均勻分佈的三種顏色 (120°間隔)。生動平衡。
• 四角色: 均勻分佈的四種顏色 (90°間隔)。豐富複雜的調色板。
• 分裂互補色: 基礎 + 互補色的兩種鄰近色。高對比但更柔和。
• 單色: 相同色調的五種亮度。微妙統一。

使用情境

品牌設計師從單一品牌主色生成完整調色板。Web開發者為懸停狀態選擇互補強調色。

常見問題

• 為什麼有些顏色看起來相似? — 當飽和度或亮度非常低或高時會發生。嘗試使用更飽和的中間調作為基礎。
• 可以在Tailwind或CSS中使用嗎? — 可以。複製十六進位代碼並在tailwind.config中用作自訂顏色或CSS變數。
• 什麼是HSL? — 色相-飽和度-亮度。色相是色輪角度(0-360°)，飽和度是強度，亮度是明亮程度。