🎨 颜色方案生成器

从主色一键生成互补色 / 类似色 / 三角色 / 分裂互补 / 四角色 / 单色系配色方案

HSL 色环 · 点击方案标题切换标记

                    
                
选择主色即可生成配色方案,点击色块复制 HEX

📦 配色方案

基于 HSL 色彩空间从主色推导出的常见配色关系

互补色 180° 类似色 ±30° 三角色 120° 分裂互补 四角色 90° 单色系

💡 使用提示

  • 支持色板选择器或直接输入 HEX(如 #4A90E2
  • 每个色块显示 HEX / RGB / HSL,点击即可复制 HEX
  • 点击任一方案标题,可在色环上高亮该方案的色相位置
  • 所有计算在浏览器本地完成,数据不上传

✨ 绘萤者

以萤火之光,绘万千想象

绘萤者——探索真正的互联网精神,创造更有意义的互联网。