色轮的圆形饱和度-亮度渐变

Circular saturation-brightness gradient for color wheel

方形饱和度-亮度选择器有两个渐变：

  1. 从上到下从白到黑
  2. 从左到右从透明到不透明的色调

我想把它做成一个圆形的选择器，看起来应该是这样的：

参考：https://paletton.com/

我试图像方形一样绘制圆形选择器，但我失去了拐角处的颜色。它看起来像这样：

那么如何做圆形的饱和度-亮度渐变呢？

你画了一个完整的红色圆圈 (#FF0000)。 现在你用黑色 (#000000) 绘制一个圆 (360°/3=120°) 并设置一个径向渐变，其中圆的中间是透明或红色的，外带是黑色的。 现在你对白色 (#FFFFFF) 做同样的事情，然后把它放在黑色的旁边。 现在你可以淡出黑白片的边缘了。

要完成这项工作，带红色圆圈的层必须是底层。

对不起我的英语