こんにちは。
今回は配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色などです。

Webデザインやグラフィックデザインをしていると配色で悩むことはよくありますよね。
配色を変えるだけで、印象もがらりと変わるので、慎重に選びたいですね。
そこで、今回は配色パターンの参考になるサイトやジェネレーターのおすすめをまとめました。

※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。

配色パターンを生成してくれるサイト！

ここからはいよいよ、実際に配色パターンの参考になるサイトやジェネレーターを見ていきましょう。

hello-color

http://jxnblk.com/hello-color/

コントラストのある配色を提案してくれるサイトです。

「hello-color」の使い方はこちら

コントラストのある配色を提案してくれるサイト「hello-color」！

https://webdesignmagazine.net/hello-color/

こんにちは。 今回はコントラストのある配色を提案してくれるサイト「hello-color」！です。 コントラストのある色の組み合わせをラン...

 webdesignmagazine.net（このサイト内）  11 users

Khroma

http://khroma.co/

色を選択するとAIがカラーパレットを作成してくれるサイトです。

「Khroma」の使い方はこちら

色を選択するとAIがカラーパレットを作成してくれるサイト「Khroma」

https://webdesignmagazine.net/khroma/

こんにちは。 今回は色を選択するとAIがカラーパレットを作成してくれるサイト「Khroma」です。 50色選ぶと人工知能が解析し、カラー...

 webdesignmagazine.net（このサイト内）  4 users

Color Lisa

芸術家の名画から配色を集めたサイトです。

「Color Lisa」の使い方はこちら

http://www.colorlisa.com/

芸術家の名画から配色を集めたサイト「Color Lisa」！

https://webdesignmagazine.net/color-lisa/

こんにちは。 今回は芸術家の名画から配色を集めたサイト「Color Lisa」！です。 ゴッホやモネなどの作品を元にカラーパレットを作成...

 webdesignmagazine.net（このサイト内）  1 user

Color Supply

http://colorsupplyyy.com/app/

色相環からカラーパレットを作成できるサイトです。

「Color Supply」の使い方はこちら

色相環からカラーパレットを作成できるサイト「Color Supply」

https://webdesignmagazine.net/color-supply/

こんにちは。 今回は色相環からカラーパレットを作成できるサイト「Color Supply」です。 色相環からカラーパレットを作成でき、作例...

 webdesignmagazine.net（このサイト内）  1 user

Hexwalk

https://hexwalk.now.sh/

10秒毎に新しい配色を提案してくれるサイトです。

「Hexwalk」の使い方はこちら

10秒毎に新しい配色を提案してくれるサイト「Hexwalk」！

https://webdesignmagazine.net/hexwalk/

こんにちは。 今回は10秒毎に新しい配色を提案してくれるサイト「Hexwalk」！です。 10秒毎に新しい配色を表示してくれるWebサービス...

 webdesignmagazine.net（このサイト内） 

ColorKuler

http://colorkuler.com/

Instagramのアカウントからカラーパレットを作成してくれるサイトです。

「ColorKuler」の使い方はこちら

Instagramのアカウントからカラーパレットを作成してくれるサイト「ColorKuler」

https://webdesignmagazine.net/colorkuler/

こんにちは。 今回はInstagramのアカウントからカラーパレットを作成してくれるサイト「ColorKuler」です。 Instagramのアカウントか...

 webdesignmagazine.net（このサイト内） 

Color Thief

http://lokeshdhakar.com/projects/color-thief/

イメージからカラーパレットを取得できるサイトです。

「Color Thief」の使い方はこちら

イメージからカラーパレットを取得できるサイト「Color Thief」！

https://webdesignmagazine.net/color-thief/

こんにちは。 今回はイメージからカラーパレットを取得できるサイト「Color Thief」！です。 アップロードした画像からカラーパレット...

 webdesignmagazine.net（このサイト内） 

ColorMe

https://colorme.io/

指定した色をベースにもう一色作れるサイトです。

「ColorMe」の使い方はこちら

指定した色をベースにもう一色作れるサイト「ColorMe」

https://webdesignmagazine.net/colorme/

こんにちは。 今回は指定した色をベースにもう一色作れるサイト「ColorMe」です。 指定した色を基準にもう一色作れるWebサービスを紹...

 webdesignmagazine.net（このサイト内） 

Web Colour Data

http://webcolourdata.com/

指定したサイトの色を取得できるサイトです。

「Web Colour Data」の使い方はこちら

指定したサイトの色を取得できるサイト「Web Colour Data」！

https://webdesignmagazine.net/web-colour-data/

こんにちは。 今回は指定したサイトの色を取得できるサイト「Web Colour Data」！です。 指定したWebサイトのカラーを抽出してくれるW...

 webdesignmagazine.net（このサイト内） 

colourcode

http://www.colourco.de/

マウスを動かして直感的にカラースキームを作れるサイトです。

「colourcode」の使い方はこちら

マウスを動かして直感的にカラースキームを作れるサイト「colourcode」！

https://webdesignmagazine.net/colourcode/

こんにちは。 今回はマウスを動かして直感的にカラースキームを作れるサイト「colourcode」！です。 マウスポインタの位置によってリ...

 webdesignmagazine.net（このサイト内） 

Colormind

http://colormind.io/

人工知能でカラーパレットを生成してくれるサイトです。

「Colormind」の使い方はこちら

人工知能でカラーパレットを生成してくれるサイト「Colormind」

https://webdesignmagazine.net/colormind/

こんにちは。 今回は人工知能でカラーパレットを生成してくれるサイト「Colormind」です。 人工知能で色の組み合わせを作成してくれる...

 webdesignmagazine.net（このサイト内） 

THREEBÙ

http://www.threebu.it/random-material-palette/

クリックする度に3色の配色パターンをランダムに表示してくれるサイトです。

「THREEBÙ」の使い方はこちら

クリックする度に3色の配色パターンをランダムに表示してくれるサイト「THREEBÙ」

https://webdesignmagazine.net/threebu/

こんにちは。 今回はクリックする度に3色の配色パターンをランダムに表示してくれるサイト「THREEBÙ」です。 3色のカラーパレ...

 webdesignmagazine.net（このサイト内） 

Random Color Palettes

https://randomcolorpalettes.com

5色のカラーパレットをランダムに生成してくれるサイトです。

「Random Color Palettes」の使い方はこちら

5色のカラーパレットをランダムに生成してくれるサイト「Random Color Palettes」！

https://webdesignmagazine.net/random-color-palettes/

こんにちは。 今回は5色のカラーパレットをランダムに生成してくれるサイト「Random Color Palettes」！です。 5色のカラーパレットを...

 webdesignmagazine.net（このサイト内） 

Material Palette

http://www.materialpalette.com/

二色選ぶと相性のいい配色を選んでくれるサイトです。

「Material Palette」の使い方はこちら

二色選ぶと相性のいい配色を選んでくれるサイト「Material Palette」！

https://webdesignmagazine.net/materialpalette/

こんにちは。 今回は二色選ぶと相性のいい配色を選んでくれるサイト「Material Palette」！です。 Webデザインや他のデザイン等でもそ...

 webdesignmagazine.net（このサイト内） 

LOL Colors

http://www.lolcolors.com/

4色の色の組み合わせを集めたサイトです。

「LOL Colors」の使い方はこちら

4色の色の組み合わせを集めたサイト「LOL Colors」！

https://webdesignmagazine.net/lol-colors/

こんにちは。 今回は4色の色の組み合わせを集めたサイト「LOL Colors」！です。 デザインする時などに役に立ちそうな4色の配色例をま...

 webdesignmagazine.net（このサイト内）  1 user

random a11y

https://randoma11y.com/

アクセシビリティーに配慮したカラーパレットをランダムに表示してくれるサイトです。

「random a11y」の使い方はこちら

アクセシビリティーに配慮したカラーパレットをランダムに表示してくれるサイト「random a11y」！

https://webdesignmagazine.net/random-a11y/

こんにちは。 今回はアクセシビリティーに配慮したカラーパレットをランダムに表示してくれるサイト「random a11y」！です。 アクセシ...

 webdesignmagazine.net（このサイト内） 

COLORION

http://www.colorion.co/

タグや検索の機能が充実したカラーパレットを集めたサイトです。

「COLORION」の使い方はこちら

タグや検索の機能が充実したカラーパレットを集めたサイト「COLORION」！

https://webdesignmagazine.net/colorion/

こんにちは。 今回はタグや検索の機能が充実したカラーパレットを集めたサイト「COLORION」！です。 タグや色を指定して検索したり、...

 webdesignmagazine.net（このサイト内）  1 user

Swiss Style Color Picker

https://fabianburghardt.de/swisscolors/

スイススタイルの色や配色を取得できるサイトです。

「Swiss Style Color Picker」の使い方はこちら

スイススタイルの色や配色を取得できるサイト「Swiss Style Color Picker」！

https://webdesignmagazine.net/swiss-style-color-picker/

こんにちは。 今回はスイススタイルの色や配色を取得できるサイト「Swiss Style Color Picker」！です。 スイススタイルとはスイス発...

 webdesignmagazine.net（このサイト内） 

配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]

どのサイトやジェネレーターも無料なので、うまく活用したいですね。
以上で配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色などでした。

綺麗なグラデーションを作成できるサイトをまとめた記事はこちら

綺麗なグラデーションを作成できるサイト8選

https://webdesignmagazine.net/gradation-sites/

こんにちは。 今回は綺麗なグラデーションを作成できるサイト8選です。 デザインやWeb制作をしていると綺麗なグラデーションを作成し...

 webdesignmagazine.net（このサイト内）  4 users