グラデーションにも対応できるJavaScriptカラーピッカー・「GPickr」

GPickr

GPickrは単色だけでなく、CSSグラデーションにも対応できるカラーピッカーです。非依存型で単体で動作します。

複数増やすことができますので単純なグラデーションからかなり複雑なグラデーションも作成する事が出来ます。

カラーピッカーでグラデーションを取得するコンテンツがあるかどうかはさておき、選択肢があるのは良いことですね。

使い方

<script src="gpickr.min.js"></script>

簡単な使い方。スクリプトを読み込んで

const gpickr = new GPickr({
    el: '.hogehoge',
    stops: [
        ['rgb(255,132,109)', 0],
        ['rgb(255,136,230)', 1]
    ]
});

セッティングすれば初期設定はOKです。このままだとピッカーとして機能しないのでもろもろ書く必要ありますが。

細かな仕様はGithubをご参照ください。ライセンスはMIT。

GPickrOn Github