HTML5 × CSS3 × jQueryを真面目に勉強 – #18.1 画像ファイルからカラーパレットを作ってみる (後編) | DevelopersIOHTML5 × CSS3 × jQueryを真面目に勉強 – #18.1 画像ファイルからカラーパレットを作ってみる (後編) 前回の記事にて Canvas 上に画像データを表示したり、ピクセル単位で色情報を取得するなどといった操作の基本を学びました。これらの知識を踏まえて、画像ファイルから特定の色を抽出してカラーパレットを生成する処理を JavaScript でやってみるとします。結構難易度は高めですが(※オレ調べ)、なるべく丁寧に解説していきたいと思います。 はじめに - カラーパレット まずはカラーパレットの要件を大まかに書き出してみます。 画像ファイルを読み込み、その画像を構成している色から平均的な色情報を抽出 カラーパレットの色数制限はなし まだまだ試行錯誤の段階ということで、要件はこの程度に留めておきます。次にどういった処理の流れで実現するかを書き出してみます。 画像ファイルを
