farbtastic.jsを使ってinput(入力エリア)にカラーピッカーを表示する方法をご紹介します。 input(入力エリア)にカラーピッカーを表示するCSSの記述 ※カラーピッカー用の画像(wheel.png、marker.png、mask.png)を.farbtastic .wheel、.farbtastic .overlay、.farbtastic .markerに用意します。必要に応じて変更して下さい。 <style type="text/css"> body{ text-align: center; } h1{ text-align: center; font-size: 22px; padding: 20px 0; line-height: 2em; } .cbox{ width: 250px; margin: 0 auto; } .farbtastic { positio