锥形渐变与色相饱和度色盘实例页面

展示

代码

• HTML：

  <div class="hs-wheel"></div>

• CSS：

  .hs-wheel {
      width: 150px; height: 150px;
      border-radius: 50%;
      background: radial-gradient(closest-side, gray, transparent),
          conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
  }