配色パターンの参考サイト・ジェネレーター18選。2色や3色、4色、5色、6色など

2018/08/03

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

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

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

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

hello-color

hello-color

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

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

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

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

 

 

Khroma

khroma

http://khroma.co/

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

「Khroma」の使い方はこちら

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

 

 

Color Lisa

color-lisa2

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

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

http://www.colorlisa.com/

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

 

 

Color Supply

color-supply

http://colorsupplyyy.com/app/

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

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

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

 

 

Hexwalk

hexwalk

http://hexwalk.in/

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

「Hexwalk」の使い方はこちら

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

 

 

ColorKuler

colorkuler

http://colorkuler.com/

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

「ColorKuler」の使い方はこちら

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



Color Thief

color-thief

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

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

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

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

 

 

ColorMe

colorme

https://colorme.io/

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

「ColorMe」の使い方はこちら

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

 

 

Web Colour Data

web-colour-data

http://webcolourdata.com/

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

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

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

 

 

colourcode

colourcode2

http://www.colourco.de/

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

「colourcode」の使い方はこちら

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

 

 

Colormind

colormind

http://colormind.io/

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

「Colormind」の使い方はこちら

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

 

 

THREEBÙ

threebu

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

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

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

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



Random Color Palettes

random-color-palettes

https://randomcolorpalettes.com

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

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

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

 

 

Material Palette

materialpalette

http://www.materialpalette.com/

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

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

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

 

 

LOL Colors

lol-colors

http://www.lolcolors.com/

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

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

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

 

 

random a11y

random-a11y

https://randoma11y.com/

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

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

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

 

 

COLORION

colorion

http://www.colorion.co/

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

「COLORION」の使い方はこちら

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

 

 

Swiss Style Color Picker

swiss-style-color-picker

http://swisscolors.net/

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

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

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

 

 

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

 

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

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

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

関連の記事