虹膜顏色選擇器：將選定的顏色設置爲RGB值

Question

使用虹膜顏色選擇器，是否可以獲取rgb格式的選定顏色？目前我總是將選定的顏色作爲十六進制代碼。

http://automattic.github.io/Iris/

<input class"col-picker"/> 

.... 

$('.col-picker').iris({ 
    mode: 'rgb', // doesn't return colour in rgb 
    change: function(evt, ui) { 

     console.log('colour as rgb', ui.color.toString()); 

     // Above always outputs hex values not rgb 
    } 
}); 

Answer 1

虹膜插件使用Color.js罩，其再次包括顏色轉換工具下。

調用$(elemet).iris('color', true)讓你的Color.js對象，其中有一個toCSS方法，將在最可用的格式返回顏色

$('.col-picker').iris({ 
 
    mode: 'rgb', // doesn't return colour in rgb 
 
    change: function(evt, ui) { 
 
    var color = $(this).iris('color', true).toCSS('rgb'); 
 
    console.log(color) 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" /> 
 
<script src="https://automattic.github.io/Iris/javascripts/iris.min.js"></script> 
 

 
<input class="col-picker" />