HTML5・CanvasのメソッドとjQueryを使って、カラー画像をグレイスケール（モノクロ）に変換します。対象の画像フォーマットはpngでもjpegでもgifでもかまいません。「変換用カラー画像」の3つの読み込みボタンをクリックすると、それぞれのフォーマットのカラー画像をグレイの枠内に読み込みます。次に［モノクロに変換］ボタンをクリックすると「変換後のモノクロ画像」の下のグレーの枠内に変換した画像を表示します。