色相环工具

用色相角度生成互补、类似、三角和四角色彩关系
HUE #1F3FD9 230° · S 75 · L 49
色相关系
选择配色公式,观察色相在环上的分布
生成色板
点击色块查看 HEX、RGB、HSL 和 CMYK
界面预览
快速检查主色、强调色、背景和按钮的搭配效果

色相环配色工具使用说明

可视化色相环配色工具,基于色相角度生成类似色、互补色、分裂互补、三角、四角等和声方案,含色彩理论解析,适合配色学习与实践。 拖动色相环上的指针即可实时预览各种和声关系,不需要死记色彩理论里的角度公式。

适合还在建立配色理论直觉的设计师,或者临时需要给某个主色快速找到搭配方案的场景——环上的角度关系比死记硬背更直观。

常见问题

  • 色相环怎么找搭配色? 它把你的主色相放到环上,按固定角度取色——互补 180°、类似 ±30°、三角 120°,依此类推。
  • 互补色和类似色有什么区别? 互补色在环上相对(高对比);类似色相邻(低对比、和谐)。
  • 一个方案能有几种颜色? 从两种(互补)到五种(五角)。超过三种时保持一个主色,避免画面混乱。