ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。

そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。

Chameleon.jsの使い方

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

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

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

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

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

Chameleon.js - Easy get and use colors from image! | Vadim Fedorov

bhoodream/Chameleon.js: A jQuery plugin for automatic content colorization.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2