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

标签 colors gradient color-picker color-wheel

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

  • 从上到下白到黑
  • 从左到右透明到不透明的色调

  • Square saturation-brightness picker
    我试图把它做成一个圆形选择器,它应该是这样的:
    Circular saturation-brightness picker
    引用:https://paletton.com/
    我试图像方形一样绘制圆形选择器,但我失去了拐角处的颜色。它看起来像这样:
    enter image description here
    那么我能做些什么来制作圆形饱和亮度渐变呢?

    最佳答案

    你画了一个完整的红色圆圈(#FF0000)。
    现在你用黑色 (#000000) 绘制一个圆 (360°/3=120°) 并设置一个径向渐变,其中圆的中间是透明的或红色的,外带是黑色的。
    现在你对白色 (#FFFFFF) 做同样的事情,并将它放在黑色块旁边。
    现在你可以淡出黑白片的边缘。
    为了使这个工作,带有红色圆圈的层需要是底层。
    对不起我的英语不好

    关于colors - 色轮的圆形饱和亮度渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64876600/

    相关文章:

    python - matplotlib 颜色图

    algorithm - 我怎样才能有效地确定带在径向梯度中的哪个位置真正靠近?

    ubuntu - Ubuntu 中的颜色选择器实用程序(颜色吸管)

    c++ - 如何找出运行 vista/w7 的机器的当前颜色深度?

    C 编程 ncurses 颜色在多个窗口上不起作用

    r - DEoptim包中步长参数解释

    javascript - Magento后端: How to add jscolor?

    javafx - 将 JavaFX 中的 ColorPicker 绑定(bind)到 Label Background 属性

    graphics - 什么是 "valid IM color"?

    c++ - itk 图像梯度的 x 和 y 分量