一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ
Post on:2013年12月10日
コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。
またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。
最初は、国産のツールから。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-01.png)
一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。
上は緑みの青(#0099CE)をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-02.png)
シンプルな操作で直感的にカラーを楽しむことができ且つ実用的、もちろん指定したカラーから配色を設計できます。
使い方は下記ページを参考に、UIが少し変わりましたね。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-03.png)
一つのカラーをベースに明度を変更したバリエーションを表示します。同色系やグラデーションなどの作成に便利。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-04.png)
マンセル色空間とM&S配色理論を使って、彩度控えめのカラーで調和のとれた配色を作成できます。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-05.png)
指定したカラーに、ホワイトとブラックを加えてカラーパレットを作成できます。
使い方は下記ページを参考に。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-06.png)
マンセル色空間とPantone Goe coatedを使い、新しいパレットを作成したり既存のパレットを参照できます。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-07.png)
iOS 7にインスパイアされた美しいグラデーションのサンプル集。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-08.png)
日本の伝統色がインタラクティブに楽しめます。右端の「Munsell」をオンにするともっと楽しめます。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-09.png)
写真をベースにしたカラースキームのコレクション。女性が作成しているためか優しい雰囲気のものが多いです。
![サイトのキャプチャ](/wp-content/uploads-201303/2013121001-10.png)
カラーと単語をベースに画像をShutterstockから検索します。キャプチャはブルーとクリスマス。
sponsors