Fabric.js toHsl() 方法

toHsl() 方法用于将任何类型的指定颜色表示转换为其 HSL（色调、饱和度和亮度）表示。

句法：

toHsl()

参数：此方法不接受任何参数。

返回值：此方法以 HSL 格式返回颜色表示。

示例 1：

HTML

  

  
  
  

  


  
 // Calling the toHsl() function over 
 // the specified color values
 console.log(new fabric.Color("rgb(10, 120, 150)").toHsl());
 console.log(new fabric.Color("hex(0A7000FF)").toHsl());

  

  

输出：

hsl(193,88%,31%)
hsl(0,0%,0%)

示例 2：

HTML

  

  
  
  

  


  
 // Initializing some color values in different color format
 var A = "rgb(0, 12, 50)";
 var B = "rgba(10, 13, 250, 0.1)";
 var C = "hex(ff0000)";
  
 // Calling the toHsl() function over 
 // the above specified color values
 console.log(new fabric.Color(A).toHsl());
 console.log(new fabric.Color(B).toHsl());
 console.log(new fabric.Color(C).toHsl());

  

  

输出：

hsl(226,100%,10%)
hsl(239,96%,51%)
hsl(0,0%,0%)