🎨调色板生成

选择一种主色,自动生成互补、近似、三色系等专业配色方案,帮助设计师和开发者快速建立和谐色彩体系。

#2563EB
📐 方案
🎨 调色板 — 互补色方案

💡 使用说明

  • 点击 颜色选择器 选取你的主色,或直接输入 HEX 值。
  • 选择 配色方案:互补、近似、三色、四色、单色,自动生成 5 色和谐调色板。
  • 点击任意 色块 可复制该颜色的 HEX 值,方便在设计软件中使用。
  • 点击 🎲 随机 可快速探索不同配色组合,激发灵感。
  • 点击 📋 复制全部 一键复制所有颜色值,便于批量使用。
  • 所有处理均在浏览器本地完成,不会上传任何数据,保护你的设计隐私。
💡 提示: 调色板基于 HSL 色彩模型生成,主色位于中间(第 3 个色块),其他颜色围绕主色协调变化。
已复制到剪贴板