配色チェックツールとか〜

v1.0

v2.0

自分の作った制作物の配色をチェックしたくて作りました。
こちらColor of Book - 雑誌の色からhtml,cssで利用できるカラーチャートの紹介とやりたいことはだいたい同じなのですが
手元で非公開の画像のチェックとかできないのと、色の使用比率がわからないので自分でつくろうとおもったわけです。
サンプルはこちら→W7工廠分室|トップページ
まだ未完成です。
v1.0は色の割合を見るのに便利です。
v2.0は使用色の色相と明度を見るのに便利です。

使い方
・上記サンプルサイトに行き、ブラウザのページ保存を使って完全ページを保存します。
・htmlファイルと同じ階層にチェックしたい画像を移動します。
（例：デスクトップに保存した場合は、画像もデスクトップに）
・テキストボックスに画像ファイル名を入力してボタンを押すだけです
・ためしに使いたい場合は当サイトにある画像（w7.pngまたはkiku.pngを使用してください）

注意事項
・他サイトの画像取得はできません
・大きい画像になるほど処理時間がかかります

未定の予定
・配色の区切りをもっとはっきりさせる
・マウス位置の色名や16進カラーコードを表示
・配色の組み合わせ→言葉でのイメージを調べる（落ち着いた・上品なとか）

■バージョン2.0
・canvasで色情報を取得
・HSVで処理

■バージョン1.0
流れ
・canvasで色情報を取得
・RGBの平均値でソート
・ソート結果を表示
ソートはこちらのものいろいろなソートアルゴリズムを参考に改良しました。