アイリスカラーピッカー：選択した色をRGB値として取得

Question

アイリスカラーピッカーを使用すると、選択した色をRGB形式で取得できますか？現在私は選択された色を常に16進コードとして取得します。

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)を呼び出す

はあなたの最も利用可能な形式で色を返しますtoCSSメソッドを持つColor.jsオブジェクトを取得

$('.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" />