相关疑难解决方法(0)

我正在寻找一种工具或算法来将HSL颜色转换为RGB.在我看来,HSL并没有被广泛使用,所以我没有太多运气寻找转换器.

动机

我想找到一种方法来采取任意颜色并使其变暗一些阴影,这样我就可以以编程方式创建从一种颜色到较轻版本的漂亮渐变.渐变将用作UI中的背景.

可能性1

显然,我可以将RGB值分开并逐个增加一定量.这实际上是我想要的吗？

可能性2

我的第二个想法是将RGB转换为HSV/HSB/HSL(色调,饱和度,值/亮度/亮度),稍微增加亮度,稍微降低饱和度,然后将其转换回RGB.这一般会产生预期的效果吗？

我想同时保持形式,影响和轮廓来改变这一形象的背景颜色 的图像.

<canvas id="canvas01" width="1200" height="800"></canvas>
<script>
    function drawImage(imageObj,x, y, width, height){
        var canvas = document.getElementById('canvas01');
        var context = canvas.getContext('2d');
        context.drawImage(imageObj, x, y, width, height);
    }
    var image = new Image();
    image.onload = function(){
        drawImage(this, 400, 100, 320, 450);
    };
    image.src ="images/658FFBC6.png";
</script>

因此，我生成了随机颜色，并使用chroma.js将它们混合在一起。

看起来不错，因为chroma.js中的混合效果很棒。但是，请注意，图像中有两个或三个绿色斑点（或更多），以及一些紫色斑点，等等。为了使外观看起来更好，我认为在混合颜色之前先对颜色进行排序会比较好，因此更像彩虹。我想知道是否有任何方法可以做到这一点，或者是否有可能以某种方式做到这一点，我真的无法想象如何做到这一点。

就我所想是这样。对于每种颜色，计算其与6种彩虹色之一的距离。最接近红色的是第一个，然后最接近橙色的，依此类推。但是我真的不知道该怎么做，看起来很复杂。