カラーピッカーをWEBに実装するなら、jQuery の Color Picker プラグインが便利。
Color Picker プラグインを使うと、WEB上で、色相・彩度・明度、RGB、HSB、カラーコードなどから、色を探し出すことができる。
-
jQuery の Color Picker プラグイン
jQuery の Color Picker プラグインの導入方法などについて。
-
カラーピッカーで選択した色のカラーコードをテキスト入力欄に入力
jQuery の Color Picker プラグインで選択した色のカラーコードを、テキスト入力欄に出現させる方法。逆に、テキスト入力欄にカラーコードを直接入力した場合、カラーピッカー上の色も、入力した色へ変化する。ラーピッカーを隠したいときは、テキスト入力欄と、カラーピッカー以外をクリック。
-
jQuery の Color Picker プラグインのカラーセレクター使用例
jQuery の Color Picker プラグインのカラーセレクター使用例。カラーセレクターをクリックすると、カラーピッカーが出現。カラーピッカーで、色を選択し、submit ボタンを押すと、カラーセレクターの色が、選択した色に変わる。カラーピッカーを隠したいときは、カラーセレクターと、カラーピッカー以外の場所をクリック。
-
jQuery の Color Picker プラグインのカラーセレクター使用例 2
jQuery の Color Picker のカラーセレクター使用例。カラーセレクターをクリックすると、カラーピッカーが、上から下へのアニメーションで出現。カラーピッカーで、色を選択し、submit ボタンを押すと、カラーセレクターの色が、選択した色に変わる。カラーピッカーを隠したいときは、カラーセレクターをクリック。