前回というか昨日作ったHSVを選択して色を選択する機能をいろいろ改善

見た目はうまく行ってたのに以上に重い状態だったので参考にしてたページではどんなに実装されてるのか見てみた
javascriptってコード見れるからいいよね
Chromeとかの開発ツールつかえば更に見やすく・・・

読んでみると、HS部分(四角いの方)は画像使ってる!
ま、変える必要ないからそのほうがいいか…
そしてVの部分(細長い方)では1pxごとじゃなくて4pxごとに変えてる!
実際1pxごと変えてても目じゃ判別できないか…

ということを見つけたので参考に作り直した


結果なかなか快適だったので昔の記事の色選択画面に機能追加をしてみたよ
http://blog.livedoor.jp/netomemo/archives/6714317.html

下矢印をクリックしたら色選択用のが出るのでそこで色をクリック
クリックしたら周りの色が変わるのでその色で良ければ上矢印をクリック

一番の苦労がChrome以外のブラウザも対応させること
ふだん使わないからどうすればいいのか調べるのがすごくめんどくさい…
あと、ペイントソフトみたいにクリックした場所の色を直接取るっていう処理ができない
なのでクリックした座標とHSの左上表示位置から計算してHとSを求めるというまたもめんどくさいことに…

ついでに作ってみたRGB版
見た目があまり綺麗じゃない…
http://blog.livedoor.jp/netomemo/hp/tool/RGBColorSelect.html
やっぱりこういうのはHSVでやるもんだね