Javascriptでカラーピッカーを作りました。(BeehivePicker)

必要があったのでJavascriptで
BeehivePickerというカラーピッカーを作りました。

ライブラリは下記のGitHubにあります。
tebakane/BeehivePicker · GitHub

JSColorなどのライブラリがすでに存在するカラーピッカーなのですが
六角形(蜂の巣型)のカラーピッカーが必要だったので作りました。

使い方はbeehive_picker.jsを読み込んで下記のように使用します。

var div = document.getElementById('main');
Beehive.Picker(div);
div.addEventListener('click', function(e){
  var color = Beehive.getColorCode(e.target);
  if(!color){ console.log('it is not beehive picker color elemnt.'); }
  console.log(color);
});

デモは下記サイト
https://tebakane.github.io/BeehivePicker/sample.html

よかったら使ってみてください。