Chameleon.js - 画像からカラーパターンをピックアップ // MOONGIFT Archived

Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。

Chameleon.jsの使い方

画像が5つ並んでいます。これらの画像から色情報をピックアップして良い感じのカラーパターンを作ってくれます。

別な画像を選ぶと全く違った雰囲気になります。

色の種類によって区分けされているのも分かりやすいです。

Chameleon.jsを使えば自分の好きな写真やイラストからカラーパターンを抽出したり、インスピレーションを得ることができるでしょう。また、ロゴなどをベースにすることで全体の雰囲気を合わせるのにも使えそうです。

Chameleon.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（ISC License）です。