OSのカラーピッカーを表示し、選択されたカラーを受け取るサンプルです。

カラーピッカーから受け取る値は10進法のRGB値なので、以下の例ではそれをRGB配列に変換しています。

var res= $.colorPicker(); //カラーピッカーでカラーを選択
//16進数文字列に変換
var hexNum=res.toString(16);
//16進数文字列を6桁に揃える
for (var i=6; i>=hexNum.length; i--) {
    hexNum='0'+hexNum;
}
//RBG値として切り分ける
var r= parseInt( '0x'+hexNum.slice(0,2) ); //R値抽出
var g= parseInt( '0x'+hexNum.slice(2,4) ); //G値抽出
var b= parseInt( '0x'+hexNum.slice(4,6) ); //B値抽出
var rgbList= [r, g, b]; //配列に集約

$.writeln (rgbList);

 

 

Joomla templates by a4joomla