D3.js lch()函数

D3.js 中的d3.lch()函数用于构造新的 LCH 颜色，并返回作为函数参数的指定颜色的 l、c 和 h 属性。

句法：

d3.lch(color);

参数：此函数接受用于指定 CSS 颜色的单个参数颜色。

返回值：该函数返回作为函数参数的指定CSS颜色的l、c和h属性。

下面的程序说明了 D3.js 中的d3.lch()函数：

示例 1：

HTML

 

    
    
    
    

 

    
        GeeksForGeeks
 
        D3.js | d3.lch() Function
        
 
            // Calling the d3.lch() function
            // function with some parameters
            var color1 = d3.lch("red");
            var color2 = d3.lch("green");
            var color3 = d3.lch("blue");
 
            // Getting the lch properties
            console.log(color1);
            console.log(color2);
            console.log(color3);
        
    

 

输出：

示例 2：

HTML

 

    
    
    
    

 

    
        GeeksForGeeks
 
        D3.js | d3.lch() Function
        
 
            // Calling the d3.lch() function
            // function with some parameters
            var color = d3.lch();
 
            // Getting the LCH properties
            console.log(color);
        
    

 

输出：