<< 配色サンプルを作る(2) | TOP | 色からのアプローチ >>

2012年01月15日

配色サンプルを作る(3)

前回まではこちら

AdobeのKulerは人が作った配色を参考にするものでした。単に配色を作るだけのものは他にもあります。今日はその一例をご紹介します。

j120115-00.gif
HTML Color Combination Chooser - Web Design for Developers
http://colors.napcsweb.com/colorschemer/index.html

英語ページですが、英語がわからなくても、スライダの意味がわかれば使えると思います。カラーパレットを見ているだけで、楽しいですし♪
Kulerより軽く、さくさく動く気がしますね。


j120115-1.gif
Monochromatic

j120115-2.gif
Analogic(base + neighbours)

j120115-3.gif
Analogic+(base, neighbours + compliment)

j120115-4.gif
Split Complimentary

j120115-5.gif
Triadic

j120115-6.gif
Dobule Contarast


とまぁ、こんなふうに、いろいろなテイストの配色サンプルが得られます。いろいろいじって確認してみてください。

やみくもに色を決めるのではなく、こうして計画的な配色をしたほうが、より洗練されたWebデザインができるのにねぇ…という自嘲と反省をたっぷり味わいつつ終わります。^^;


↓参考になったら、クリックで応援してね！↓
br_banner_pinkbear.gif

マイペース更新ですが、今年もどうぞよろしく♪
タグ：色
※記事の内容は、執筆時点の状態に基づいて書いています。Seesaaブログの改変に合わせて書き直していない場合がほとんどですので、ご了承ください。
posted by もも | Comment(2) | TrackBack(0) | Seesaaカスタマイズ＞ デザイン | ..
この記事へのコメント
先生！
あけましておめでとうございます。
今年もがんばって下さい＾＾
Posted by M at 2012年01月29日 04:28
◆Mさん
先生だなんてとんでもない!　まだまだビギナーですよー。
こちらこそよろしくお願いします。^^
Posted by もも＠管理人 このアイコンは投稿者が真の管理人であることを証明します at 2012年01月29日 17:14
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/246168743
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック
以下の書籍がきっと参考になります