こんにちは。
今回は配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色などです。
Webデザインやグラフィックデザインをしていると配色で悩むことはよくありますよね。
配色を変えるだけで、印象もがらりと変わるので、慎重に選びたいですね。
そこで、今回は配色パターンの参考になるサイトやジェネレーターのおすすめをまとめました。
※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。
配色パターンを生成してくれるサイト!
ここからはいよいよ、実際に配色パターンの参考になるサイトやジェネレーターを見ていきましょう。
hello-color
http://jxnblk.com/hello-color/
コントラストのある配色を提案してくれるサイトです。
「hello-color」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/08/hello-color-300x300.png)
Khroma
色を選択するとAIがカラーパレットを作成してくれるサイトです。
「Khroma」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/10/khroma-300x300.png)
Color Lisa
芸術家の名画から配色を集めたサイトです。
「Color Lisa」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/05/color-lisa2-300x300.png)
Color Supply
色相環からカラーパレットを作成できるサイトです。
「Color Supply」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/03/color-supply-300x300.png)
Hexwalk
10秒毎に新しい配色を提案してくれるサイトです。
「Hexwalk」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/08/hexwalk-300x300.png)
ColorKuler
Instagramのアカウントからカラーパレットを作成してくれるサイトです。
「ColorKuler」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/08/colorkuler-300x300.png)
Color Thief
http://lokeshdhakar.com/projects/color-thief/
イメージからカラーパレットを取得できるサイトです。
「Color Thief」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/11/color-thief-300x300.png)
ColorMe
指定した色をベースにもう一色作れるサイトです。
「ColorMe」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/04/colorme-300x300.png)
Web Colour Data
指定したサイトの色を取得できるサイトです。
「Web Colour Data」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/07/web-colour-data-300x300.png)
colourcode
マウスを動かして直感的にカラースキームを作れるサイトです。
「colourcode」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/08/colourcode-300x300.png)
Colormind
人工知能でカラーパレットを生成してくれるサイトです。
「Colormind」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/04/colormind-300x300.png)
THREEBÙ
http://www.threebu.it/random-material-palette/
クリックする度に3色の配色パターンをランダムに表示してくれるサイトです。
「THREEBÙ」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/07/threebu-300x300.png)
Random Color Palettes
https://randomcolorpalettes.com
5色のカラーパレットをランダムに生成してくれるサイトです。
「Random Color Palettes」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/10/random-color-palettes-300x300.png)
Material Palette
http://www.materialpalette.com/
二色選ぶと相性のいい配色を選んでくれるサイトです。
「Material Palette」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2014/12/materialpalette-300x300.png)
LOL Colors
4色の色の組み合わせを集めたサイトです。
「LOL Colors」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/03/lol-colors-300x300.png)
random a11y
アクセシビリティーに配慮したカラーパレットをランダムに表示してくれるサイトです。
「random a11y」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/12/random-a11y-300x300.png)
COLORION
タグや検索の機能が充実したカラーパレットを集めたサイトです。
「COLORION」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2016/05/colorion-300x300.png)
Swiss Style Color Picker
https://fabianburghardt.de/swisscolors/
スイススタイルの色や配色を取得できるサイトです。
「Swiss Style Color Picker」の使い方はこちら
![](https://designmagazine.jp/wp-content/uploads/2015/11/swiss-style-color-picker-300x278.png)
配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]
どのサイトやジェネレーターも無料なので、うまく活用したいですね。
以上で配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色などでした。
綺麗なグラデーションを作成できるサイトをまとめた記事はこちら
![](https://designmagazine.jp/wp-content/uploads/2017/02/webgradients-300x300.png)