配色アイデアに役立つジェネレーター

投稿日：2016.03.05　更新日：2016.07.16

※当ページはアフィリエイトプログラムによる収益を得ています。

配色のアイデアを引き出すカラージェネレーター

背景を変えるだけでイラストの印象がガラッと変わるように、色の組み合わせは大事な要素の一つです。でも、どんな色を使ったらいいのかわからない、と思ったことはありませんか？

「色選びのコツ【暖色・寒色・同一色・無彩色】」でも、色の組み合わせにはある程度パターンがあることは書きましたが、それがわかっていないと色がちぐはぐになってしまいます。今回はそんな人のための助けになるような「カラージェネレーター」というもの紹介します。

カラージェネレーターとは、メインカラーと相性の良い配色を自動的に抽出してくれたり、カラーサンプルが豊富に用意されているオンラインサービスのことです。オンライン上では、様々なカラージェネレーターのサービスが提供されているので、自分の用途に合わせて使ってみると色選びがしやすくなるかもしれません。

配色パターンタイプ

すでに数多くの配色パターンがサイト内に用意されているカラージェネレーターサイトです。自分でパターンを作成してダウンロードや保存することも出来ます。

ColoRotate

(1)HUE（色相）
色味を調整するには、ピラミッド下部にある「HUE」ボタンをクリックした状態にするとマークのある部分が炎上の色相環に表示が切り替わります。

(2)TINT（色合い）
色の鮮やかさ、明度を調節する場合は「TINT」ボタンをクリックしましょう。選択している色と白、黒の3点を繋いだ三角形が表示されます。

(3)BLEND（中間色）
「BLEND」ボタンを押すと、二つの丸マーク間をつなぐ線が表示され、中間色を選択することが出来ます。

【配色パターンのダウンロード】
左図にある緑色→が描かれた「←→」ボタンをクリックすると、入出力メニューが表示されます。配色パターンをダウンロードしたい場合は「Export～」の項目を選択しましょう。

【Palettes】
提供されている配色パターンを入手することが出来ます。ソートで表示切り替えも可能。

ColoRotateはこちら

Adobe Color CC

Adobeが提供しているカラージェネレーターです。数多くの5色パターンをチェックすることが出来ます。カラーピッカータイプのジェネレーターも備わっています。

Adobe Color CCはこちら

ColRD

グラデーションや写真、イラストなどから抽出したハイセンスな配色アイデアが投稿されているサイトです。「Edit」モードで配色の編集も行う事が出来ます。

ColRDはこちら

カラーピッカータイプ

メインとなるカラーを中心に相性の良い配色パターンを自動で表示してくれるカラージェネレーターです。色の使い方のヒントがすぐに得られるので便利なサイトです。

Paletton

色相環の黒目の丸マーク（メインカラー）をドラッグして移動すると、それにあった配色を教えてくれます。
(1)EXAMPLE
プレビューした配色がWebサイトでどう見えるかのサンプルを2パターン表示してくれる機能です。
(2)EXPORT
画面右端にある「Export」メニューから5種類の形式に保存することが出来ます。ACOファイルやHTML＋CSSのほか、GIMPで利用できるGPLファイルにも保存可能です。

Palettonはこちら

ColorMunki

横一列に並ぶ色相から目的の色をクリックすると、その色のカラートーン表が表示されます。

ColorMunkiはこちら

ColorBlender

RGBスライドバーを操作して作り出したメイン色と、その色にマッチした5色を自動的に作成してくれます。

ColorBlenderはこちら

画像抽出タイプ

アップロードした画像や既存の画像などから色を抽出してカラーパレットを作成することが出来るサービスです。任意の色を画像から抜き出すタイプと自動抽出タイプがあります。

color.org

Flickrに投稿されている画像をランダムに表示して、色を抽出することが出来るサイトです。「Random Flickr image」ボタンで画像を切り替えることが出来ます。

画像の上にオンマウスした状態で、「Pick a scheme from image」ボタンを押すと、「Edit Scheme」ウインドウが表示されます。「＋」ボタンを押すと、パレットに色を追加することが出来るので、目的の色の四角部分をクリックすると、画像からパレットを作成できます。他の画像からも同じパレットに追加が可能です。

また抽出した色を「Download scheme as.aco」ボタンで保存することが出来ます。

color.orgはこちら

Pictaculous

任意の画像をアップロードして、その中から5色をピックアップしてくれるサイトです。

Pictaculousはこちら

Color of Bool

Amazonで検索出来るファッション誌など、雑誌の表紙に使われている配色を抽出してくれるサービスです。

Color of Boolはこちら

作ったカラーセットを読み込んでみよう

Photoshop

(1)「スウォッチ」を表示させた状態で、右側にあるメニューボタンを押します。表示されたメニューから「スウォッチの読み込み」または「スウォッチの置き換え」を選択しましょう。

開いているスウォッチに、さらにスウォッチを追加したい場合は「スウォッチの読み込み」を、逆にスウォッチ事態を入れ替える場合は「スウォッチの置き換え」を選択するようにしてください。

(2)選択すると、新しいスウォッチが追加or入れ替わります。

これでOKです。

CLIP STUDIO PAINT

(1)「カラーセット」を表示し、スパナアイコンをクリックしてメニューを表示させます。

(2)メニューから「カラーセットの読み込み」をクリックすると、Photoshop用のカラーセットファイルのACOファイルが読み込めるようになります。

読み込んだカラーセットは、「カラーセットの編集」から名称変更や削除が行えます。