logo标签列表

环形饱和度-亮度渐变色轮

colorsgradientcolor-pickercolor-wheel
4

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

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

Square saturation-brightness picker

我正在尝试制作一个圆形选择器，应该看起来像这样：

Circular saturation-brightness picker

参考链接：https://paletton.com/

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

enter image description here

那我该如何制作圆形饱和度-亮度渐变呢？
1个回答
1
你可以画一个红色 (#FF0000) 的完整圆。 现在你使用黑色 (#000000) 画一个圆的一部分 (360°/3=120°)，并设置径向渐变，其中圆的中心是透明或红色的，外圈是黑色的。 接下来，你需要用白色 (#FFFFFF) 做同样的操作，并将其放在黑色之旁。 现在，你可以淡化黑色和白色部分的边缘。
为了使这个效果可行，红色圆形的图层需要放在最底层。
抱歉我的英语不好。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接