免费调色板生成器

色彩理论：和谐规则详解

色彩和谐是将颜色以令人赏心悦目的方式组合在一起的艺术。色轮——色相的环形排列——是所有和谐规则的基础。通过在色轮上选择具有特定几何关系的颜色，您可以创建平衡、鲜明或沉稳的配色方案。

互补色在色轮上彼此正对（相隔 180°），能产生最大对比度。类似色是色轮上的邻居（30° 以内），营造出宁静、统一的感觉。三等分色在色轮上以 120° 间隔均匀分布，兼具丰富变化与平衡。分裂互补色使用互补色两侧的邻近色，在保持对比的同时降低了强烈感。四等分色（矩形）在色轮上以 90° 间隔选取四种颜色，形成丰富而复杂的配色方案。单色只使用一种色相的不同明度和饱和度变化——最适合初学者的安全选择。

如何为网站选择配色方案

从您的品牌色或能唤起正确情感的颜色开始。使用本工具生成基于和谐规则的配色方案，然后应用 60-30-10 法则：60% 主色（通常是最浅的中性色）、30% 辅助色、10% 点缀色。将配色方案应用到实际 UI 元素中测试——按钮、文字、背景——并验证对比度是否符合无障碍标准（WCAG AA 要求正文对比度至少为 4.5:1）。

保持配色方案简洁——3 到 5 种颜色加上中性色。颜色太多会造成视觉杂乱。锁定您喜欢的颜色，点击随机探索变化，准备编码时直接导出为 CSS 变量或 Tailwind 配置。

什么是调色板？

调色板是在设计中搭配使用的一组精选颜色。精心选择的调色板能营造视觉和谐与品牌一致性。它们通常基于色彩理论规则构建——互补色、类似色、三等分色等——以确保颜色之间的协调搭配。

什么是互补色？

互补色是色轮上彼此正对的颜色对——如蓝色和橙色、红色和绿色。它们能产生强烈的对比和视觉冲击力。将一种颜色作为主色调，另一种作为小面积点缀色，可获得最佳效果。

什么是 60-30-10 法则？

60-30-10 法则是一种色彩分配设计准则：60% 主色（背景）、30% 辅助色（内容区域、卡片）、10% 点缀色（按钮、链接、高亮）。这一比例能营造出平衡、专业的视觉效果。

一个网站应该使用多少种颜色？

大多数设计精良的网站使用 3 到 5 种颜色：品牌主色、辅助点缀色、背景和文字的中性色，以及可选的高亮色。颜色太多会显得杂乱；太少则显得单调。从和谐规则开始，再添加中性色。

什么是单色调色板？

单色调色板使用同一色相的浅色调（更亮）、暗色调（更暗）和灰色调（降低饱和度）。它能确保和谐，是最容易实现的调色板类型。非常适合极简设计、仪表盘和背景。