随机颜色生成器

生成和谐调色板和配色方案(互补色/类似色/三角色等),支持多种格式导出

⚙️ 配置选项

210

📖 使用说明

配色方案:
  • 单色调:使用同一色相,改变明度和饱和度
  • 互补色:色轮上相对的颜色,对比强烈
  • 类似色:色轮上相邻的颜色,和谐统一
  • 三角色:色轮上等距分布的三种颜色
  • 四方色:色轮上形成矩形的四种颜色
黄金比例算法:
  • • 使用黄金比例φ ≈ 0.618生成和谐色相
  • • 每个新颜色的色相 = (上一个色相 + φ × 360°) % 360°
  • • 确保生成的颜色自然分布且视觉和谐
快捷操作:
  • Space键:生成新调色板
  • 点击颜色块:复制HEX值
  • 锁定按钮:固定颜色后刷新其他颜色
  • 修改颜色:直接编辑HEX值
导出格式:
  • JSON:包含HEX/RGB/HSL的完整数据
  • CSS Variables:CSS自定义属性格式
  • SCSS:SCSS变量格式
  • Tailwind:Tailwind配置格式
  • SVG:矢量图形格式
  • PNG:位图格式,包含详细信息