色の値を入力する際の補助として便利なカラーピッカーですが、このjQueryプラグインを使うと、さらに、色相、彩度、明度、ホイールの各タイプを指定することができます。また、インプットモードも通常のテキストフィールドに加えて、type="hidden"やinlineにも対応してくれます。カラーピッカーを表示する位置の指定も容易です。
使い方は、"input"部分をクリックして、カラーピッカーを表示させ、色を決めます。入力が終わったら他の部分をクリックしてカラーピッカーを隠します。
色相の違いを右側のカラースライダーで選び、左側のカラーフィールドで明度、彩度を調整するタイプです。もっとも一般的なカラーピッカーで、ソフトのペイント系ソフトにによく使われています。
彩度の違いを右側のカラースライダーで選び、左側のカラーフィールドで色相、明度を調整するタイプです。
明度の違いを右側のカラースライダーで選び、左側のカラーフィールドで色相、彩度を調整するタイプです。
ホイール型のカラーピッカーになります。こちらのほうが色を決めやすいという人も多くいます。
