Color Picker

カラーピッカーを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 ボタンを押すと、カラーセレクターの色が、選択した色に変わる。カラーピッカーを隠したいときは、カラーセレクターをクリック。

スポンサード リンク