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。