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
![farbtastic.jsを使ってinput(入力エリア)にカラーピッカーを表示する方法|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/17c1500c3bfe93990e12012acff76f619daa00db/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2022%2F06%2Fpic20220701.jpg)