このページの本文へ

前へ 1 2 次へ

  • twitterでつぶやく
  • はてなブックマークに登録
  • del.icio.usに登録
  • livedoorクリップに登録
  • Buzzurlに登録
  • StumbleUponに登録
  • Google Bookmarksに登録
  • Facebookでシェア
  • Yahoo!ブックマークに登録
  • お気に入りに登録
  • 本文印刷

みんなが作った7000種類のカラーチャート集

もう配色には困らない!「Adobe Kuler」

2009年01月21日 08時00分更新

文● 小橋川誠己/企画報道編集部


写真から配色パターンを自動作成! マイテーマを作ろう

 「他人が作った配色」だけでも相当遊べるKulerだが、そのうち本来の目的である「配色パターンの作成」を試して、ぜひ“マイテーマ”を作ってみたいもの。とはいえ、何もないところから色の組み合わせを考えるのは、やっぱりちょっと面倒くさい……。そんなものぐさな人にも便利な方法がある。

 1つは、すでにある(誰かが作った)テーマをもとにカスタマイズする方法。先ほど紹介したとおり、各テーマの詳細画面にあるアイコンをクリックするだけで、配色パターンの編集画面に移動できる。編集画面ではPhotoshopでもおなじみのカラーホイールを使って簡単に色を選択できるので、気に入らない色だけをちょっと変えてみてもいい。また、設定した「ベースカラー」を基準として、Kulerにある程度お任せでテーマを作ってもらうのも可能だ。

Adobe Kuler
編集画面。既存のテーマをもとにパラメーターをいじって、さらにお気に入りの配色へ変えてみよう

 もう1つ、画像をもとに自動的に配色パターンを作成してくれる機能を使う手もある。Kulerの左側メニューから「Create -From an Image」を選び、手持ちの画像ファイルをアップロードするか、もしくはFlickrの画像を指定するだけで、配色パターンが抽出される。もちろん、作成されたテーマをもとにして、さらにカスタマイズを加えてもいい。Webサイトのメインビジュアルとして据えたい画像があれば、それに合った配色パターンをKulerが決めてくれる。

Adobe Kuler
手持ちの画像から配色パターンを自動作成。左側にある「Select a Mood」で、「Colorful」「Deep」「Dark」といった雰囲気も選べる


 Kulerのように、“配色”に特化した高機能なソフトウェア/オンラインサービスは非常にめずらしい。Kulerをうまく活用すれば、「どの色とどの色を組み合わせたらいいのか?」なんて悩みはあっという間に解消できるはず。どんどん使ってみよう。ただし、あまりハマってしまうと、今度は逆にありすぎる配色パターンに、頭をひねることになるかもしれないけれど。

■関連サイト

CS4ならさらに便利! アプリ内からKulerへアクセス

Adobe Kuler
CS4ならアプリケーション内のパネルから直接、Kulerにアクセスできる。画面はIllustrator CS4

 本文で紹介したとおり、KulerのテーマをPhotoshopやIllustratorで使うのは簡単にできるが、最新版の「CS4」ならさらに手軽だ。CS4ではアプリケーション内から直接、Kulerのテーマを呼び出せる。IllustratorやPhotoshopの場合、[ウィンドウ]→[エクステンション]→[Kuler]を選ぶとKulerのパネルが出現する。このパネルには、WebアプリケーションのKulerと同じく、インターネット上で共有されているテーマが表示され、ワンクリックですぐにスウォッチとして取り込める。

 さらにうれしいのが、自作のスウォッチもKulerに即アップロードできることだ。たとえば、「自宅と職場のマシンにインストールしてあるPhotoshopのスウォッチを統一したい」なんて場合にも、Kulerを介して手軽にできる。意外に使える便利機能だ。

前へ 1 2 次へ

カテゴリートップへ

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く

みんなが買ってる最新アイテムはコレだ!

VOCALOID3 スターターIA ARIA ON THE PLANETES

VOCALOID3 スターターIA ARIA ON THE PLANETES

ヤマハ

17,745円〜

24人が購入

Google上位表示 64の法則 (WEB PROFESSIONAL)

Google上位表示 64の法則 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

71人が購入

標準HTML5タグリファレンス (WEB PROFESSIONAL)

標準HTML5タグリファレンス (WEB PROFESSIONAL)

アスキー・メディアワークス

2,205円〜

60人が購入

Speck MacBook Air 13型 See Thru - Clear SPK-MBA13-SEE-CLR

Speck MacBook Air 13型 See Thru - Clear SPK-MBA13-SEE-CLR

スペックコンピュータ

4,262円〜

23人が購入

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

39人が購入

メモリーカード 32GB (PCH-Z321J)

メモリーカード 32GB (PCH-Z321J)

ソニー・コンピュータエンタテインメント

7,772円〜

9人が購入

Windows 7 Home Premium 通常版 Service Pack 1 適用済み

Windows 7 Home Premium 通常版 Service Pack 1 適用済み

マイクロソフト

20,271円〜

4人が購入

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

マイクロソリューション Micro Solution Inc.

59人が購入

Amazon.co.jp