色轮工具

H:0°
H:180°
Selected: hsl(0, 100%, 50%)

什么是色轮工具?

色轮工具是一款在线配色工具,基于 HSL 色彩模型生成配色方案。输入:点击色轮选择色相(0-360°)。输出:4 种配色方案(互补、三角、类似、分裂),每种返回 HSL 色值。适用于 UI 设计、平面设计、数据可视化配色。所有计算在浏览器本地完成。

使用场景5个场景
  • UI 界面配色
  • 品牌色方案
  • 数据可视化配色
  • 网页设计
  • 插画配色
如何使用?4
  1. 1点击色轮选择基准色相
  2. 2选择配色方案(互补/三角/类似/分裂)
  3. 3查看生成的 HSL 色值
  4. 4复制色值到设计工具
功能特点8个特点
  • 免费使用
  • 360° 色相选择
  • 4 种配色方案
  • HSL 色值输出
  • 实时更新
  • 浏览器本地计算
  • 无需注册
  • 响应式设计
常见问题6个问题
色轮工具 是什么?

一款在线配色工具,基于 HSL 色彩模型生成配色方案。输入:点击色轮选择色相(0-360°)。输出:互补、三角、类似、分裂 4 种方案的 HSL 色值。

什么是互补色?

色轮上相差 180° 的两个颜色。例如 0° 的互补色是 180°。对比最强,适合强调元素。

什么是三角配色?

色轮上等距 120° 的三个颜色。例如 0°、120°、240°。对比均衡,适合主色+双辅色。

输出的是什么颜色格式?

HSL(色相、饱和度、亮度)格式。例如 hsl(210, 100%, 50%)。可在设计工具中直接使用或转换为 HEX/RGB。

可以自定义饱和度或亮度吗?

当前版本固定使用 100% 饱和度、50% 亮度。您可以在设计工具中调整 HSL 值。

配色方案可以商用吗?

可以。色值计算是数学运算,生成的配色不涉及版权,可自由用于商业项目。