调色板生成器

关于调色板生成器

这个调色板生成器完全在你的浏览器中运行。选择基础颜色和配色方案，然后点击生成即可瞬时创建协调的调色板。点击任意色块即可复制其 HEX 值。所有计算都在本地完成，不会上传任何数据。

色彩理论基础

色彩理论是关于颜色混合以及颜色之间视觉关系的实用指南。大多数配色方案基于 HSL 色环，其中色相以 0° 到 360° 的角度表示。通过从基础颜色按固定角度间距选取色相，可以得到具有意图和和谐感的组合，而非随意搭配。

色彩和谐方案

• 互补色 —— 色环上直接相对的两个色相（相隔 180°）。高对比度，非常适合用作强调和号召性按钮。
• 类似色 —— 色环上相邻的三个色相（±30°）。柔和自然，常见于风景和自然调色板。
• 三元色 —— 间隔 120° 均匀分布的三个色相。鲜艳且平衡；一种主色加两种强调色效果最佳。
• 四元色 —— 间隔 90° 的四个色相（两对互补色）。丰富且通用；需谨慎平衡冷暖色调。
• 单色 —— 同一色相不同明度的变化。细腻优雅，适合简洁极简的设计。

在设计中使用调色板

• 遵循 60-30-10 法则 —— 一种颜色占设计的 60%（主色），另一种占 30%（次色），第三种占 10%（强调色）。
• 检查无障碍对比度 —— 文字与背景应满足 WCAG AA 对比度（普通文字至少 4.5:1）。
• 在真实内容上测试 —— 在色块中看起来很好的调色板，应用到排版、图像和 UI 元素上感觉可能完全不同。
• 变化饱和度和明度 —— 即使在单一色相内，范围感也能让调色板不显得平淡。

常见问题

调色板是如何生成的？ 基础颜色被转换为 HSL，然后根据所选方案旋转色相。除非使用单色方案，否则饱和度和明度保持不变。

能一次复制所有颜色吗？ 可以，点击复制全部 HEX 将所有 HEX 值（每行一个）放入剪贴板。

如何获得随机调色板？ 点击随机选取新的基础颜色并使用当前方案重新生成。

显示哪些色彩空间？ 每个色块显示 HEX、RGB 和 HSL，方便粘贴到任何设计工具。