カラーピッカーをWebに実装可能にするJavaScript （Farbtastic）

カラーピッカーを利用してWebシステムなどで利用したい場合に便利なのが、Farbtastic。 jQuery のプラグインとして動作する。WYSIWYG カラーピッカーとして非常に使いやすいインターフェースを表示してくれる。

Farbtasticライブラリや関連する画像などを含めても非常に軽量になっている。Farbtasticを利用する上で注意したいのが、jQuery1.1.xでは利用できない。jQuery 1.0.xを選択する必要がある。

クリックするだけで色を選択

HEX表示の入力ボックス

カラーピッカーで選択された色を、テキストボックス、id=で指定した要素などへ、リアルタイムに適用することが出来る。デフォルトで指定できるテキストボックスは、HEX値が表示される。値を入力すると、カラーピッカーの選択状態も変更される。

ダウンロードファイルには jQuery は含まれないので、別途取得する必要がある。最新版のjQueryに対応していないのが残念だが、WYSIWYG カラーピッカーを簡単に導入できる便利なライブラリであるのは間違いない。