色轮的圆形饱和亮度渐变

Question

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

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

我正在尝试把它做成一个圆形选择器，它应该看起来像这样：

参考：https://paletton.com/

我尝试像正方形那样绘制圆形选择器，但我失去了角落周围的颜色。它看起来像这样：

那么我可以做些什么来制作圆形的饱和亮度渐变呢？

Answer 1

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

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

对不起我的英语