Pickr - シンプルで使い勝手のいいカラーピッカー // MOONGIFT Archived

ユーザに色を選んで欲しいと思うケースはよくあります。例えばユーザ毎にページをカスタマイズしたり、スキン機能のオプションで設定できるような場合です。そんな時に色をRGBで文字指定するのは無理があるでしょう。そこで使ってみたいのがPickrです。高機能で、依存ライブラリのないカラーピッカーです。

Pickrの使い方

デモです。中央の四角をクリックします。

カラーピッカーが表示されました。

HEXやRGB値が確認できるのが便利です。

RGBA表示ができます。つまり透明度も指定可能です。

選んだ色は四角に反映されます。

Pickrはシンプルなカラーピッカーです。依存ライブラリがないので任意のフレームワークと組み合わせられますし、デザイン的にもCSSフレームワークと組み合わせても違和感はないでしょう。使い勝手の良いライブラリです。

PickrはJavaScript製のオープンソース・ソフトウェア（MIT License）です。