登録された配色 13,000 個以上の Adobe 運営の使えるカラーパレットサイト- kuler -。

web や DTP 、そのほかのデザインで、配色に困ったときに役立つ、 Adobe が運営しているサイト、「 kuler 」だよ。

kuler

会員登録をしなくても、十分使えるサイトだけれど、会員登録は無料だし、登録することで、便利な機能がいろいろつかえるようになるから、会員登録をすることをオススメするよ。

「 Kuler 」では、配色のパターンが、 13,000 個以上登録されているんだ。

左側のメニューからは、新しく登録されたパレット( Newest )、ポピュラーな配色( Popular )、評価の高い配色( Highest rated )、ランダム( Random )と、目的にあった、カラーパレットをすばやく見つけるための手助けになるメニューが並んでいるよ。

既存のパレットの使い方

■気に入ったカラーパレットを大画面で見る & 印刷

1. 気に入ったパレットをクリック。

kuler気に入ったパレットを見つけたらクリック

画面上部に選んだカラーパレットが表示されるよ。

kuler画面上部にカラーパレット表示

2. 上部に表示されたカラーパレットをクリック。

上部に表示されたカラーパレットをクリック

3. ブラウザいっぱいにカラーパレット表示されるよ。

kulerブラウザいっぱいにカラーパレット表示

4. 3 の状態で右クリックで印刷。

kuler右クリックで印刷

■お気に入りに入れる(要会員登録)。

1. 上部に表示されたパレットの右下あたりの+がついたアイコン「 Add to Favorites 」をクリック。

kuler「 Add to Favorites 」をクリック

気に入ったパレットをお気に入りに入れておくことができるよ。

■ダウンロードする(要会員登録)。

1. 「 Download this thema as an Adobe Swatch Exchange file. 」をクリック。

kuler「 Download this thema as an Adobe Swatch Exchange file. 」をクリック

2. 保存。

kuler保存

ase 形式でダウンロードできるよ。

■気に入ったパレットを詳しく見る & 加工する

1.「 Make changes this thema and view color values. 」をクリック。

kuler「 Make changes this thema and view color values. 」をクリック

2.どんな感じの配色なのかパレットや RGB のバー、数値で、具体的に確認できるよ。

kulerパレットの確認と加工

web で使いたい場合の色のコードは、一番下で確認することできるよ。

詳しいカラーパレットの作り方、下で詳しく説明しているから、それを参考にしてみてね。

自分でパレットを作る

作り方はとても簡単で、色に詳しくない人でも、簡単に作れるような作りになっているよ。

新しく作る場合は、左メニューの「 Create 」をクリックしてね。

kuler「Create」をクリック

■色の消し方

基本は 5 つの色の組み合わせで作るのだけれど、 5 つ以下のパレットを作りたい場合、色の上あたりを、マウスオーバーすると出てくる「 Remove Color 」をクリックすれば、色を消すことができるよ。

kuler「 Remove Color 」をクリック

■色の加え方

加えるときは、「Add clor」をクリックすることで、加えられるよ。。

kuler「Add clor」をクリック

■配色のベース色決定

配色のベースにしたい色は、「 Set as Base 」をクリックすることで、その色をベースに設定できるよ。

kuler「 Set as Base 」をクリック

■配色パレットの作り方

1. 上の円形のパレットの○を適当にぐりぐり動かす。

kuler円形パレットを動かす

◎で表示されているのが、ベース色。
そこは、いじらずに、ほかの○を動かすことで、ベースを変えずにほかの色の調整ができるよ。

2. 円形パレットの明度を調整する。

kuler円形パレット下のバーを動かし明度を調整

円形パレットの下にあるバーを移動させることで、パレットの明度を変えることができるよ。

さらに細かくパレットの調整をしたい場合は、下にある設定で、もっと細かくパレットの調整ができるよ。

■パレットの細かい調整

1 つ 1 つの色の設定はできないよ。
調整をすると、パレット全体に影響が及ぶことを覚えておいてね。

1. RGB のカラーバー(△)を動かす。

kulerRGBのカラーバーを動かす

2. HSVで、色相、彩度、明度の数値を入力。

kulerHSVで、色相、彩度、明度の数値を入力

3. RGB を数値で入力。

kulerRGBを数値で入力

4. CMYK を数値で入力。

kulerCMYKを数値で入力

5. LAB で輝度を数値で入力。

kulerLABで輝度を数値で入力

6. カラーコードを直接入力

kulerカラーコードを直接入力

この場合のみ、パレットと関係なく、1つ1つの色を調整できるよ。

■カラーチャートの保存

納得するパレットができたら、「 Title 」と「 Tag 」を入力して、「 Public 」か「 Private 」を選んで、「 Save 」をクリックして、保存しよう(セーブは要会員登録)。

kulerカラーチャートの保存

面白サイトランキング←面白かったらクリックしてね。(同窓表示)

トラックバック : 0

この記事のトラックバック URL
http://huhen.net/mt/mt-340-tb.cgi/4811
この記事のトラックバックリスト
なごみ系タワーディフェンス系ストラテジーゲーム Bloons TD - HUHEN-ふへん-
検索
フィード

HUHEN-ふ、へん(笑)- をRSSで購読
新着記事を購読する

RSS についての詳しい説明は、「 RSSアイコン2.0 」の説明を見てね。

プロフィール

melプロフィール画像

管理人 : mel (「プロフィール」

どこのページでもリンクフリー。

相互リンク募集しているよ。詳しくは、「相互リンクについて」を見てね。

Twitter follow me!

人気のある記事
最近の記事
最近のコメント記事

最近のコメント
↑クリックすると最近のコメントのページへ飛ぶよ

最近のトラックバック

最近のトラックバック

クリックすると最近のトラックバックのページへ飛ぶよ

カテゴリー
タグクラウド

タグクラウド
↑クリックするとタグクラウドのページへ飛ぶよ

過去ログ
カウンター

今日カウンタ今日
昨日カウンタ昨日
合計カウンタトータル

ステータス

フィードメーター - HUHEN-ふ、へん(笑)- スカウター : HUHEN-ふ、へん(笑)- feedburner購読者数

あわせて読みたいブログパーツ


track feed HUHEN-ふへん-

広告

トップへ戻る トップへ戻る