配色決めに役立つカラーツール(配色見本サービス・カラーパレットツール)総まとめ

human-night-bubble

こんにちは、美大卒・元アパレル店員の
ゆっきー(@elcielo_design)です。

今回はデザイン・イラスト等の色選びで、
役立つ配色見本サービスをまとめました。
(基本的に無料オンラインツールです。)

新しいカラーツールを見つけた追加、
サービスが終了したツールは削除して
随時この記事は更新してるものです。

スポンサーリンク

配色見本ツールを利用していこう。

デザインだと特にWebやポスターの配色
イラストならキャラのメインカラーなど
デザインやイラストに長けている人でも
配色は悩む要素が多い部分だと思います。

初心者の方なら尚更、良い配色を作るのは
難しいことではないでしょうか。

配色1つで、そのデザインやイラストの
イメージも全く違うものにもなりますよね。

ですが、今回紹介する配色見本サービスで
そんな悩みはきっと解消されるでしょう。

どのサービスも非常に便利なものなので、
自分に相応しいサービスを是非見つけて
デザイン制作などに利用して見て下さい。

なお、配色の基本があまり分からない人は
この記事も役立つと思います。

books 1825557  34 100x100 - 配色決めに役立つカラーツール(配色見本サービス・カラーパレットツール)総まとめ

スポンサーリンク

カラーツールの一覧まとめ
(配色見本・カラーパレット)

「カラーツールの一覧まとめ」

 ジャンル  カラーツール数 (81)
 ① 普段使い可能な便利系  10
 ② AI (人工知能)・ワンクリック系  9
 ③ Webデザイン・UIデザイン関連  9
 ④ マテリアルデザイン系  5
 ⑤ 画像 (写真) から抽出・分析系  4
 ⑥ インスピレーション系  10
 ⑦ グラデーション関連  25
 ⑧ 知識系  4
 ⑨ データベース系  2
 ⑩ その他  3

探しているカラーが簡単に見つかったり
色の組み合わせの見本になったりする
Webサービス (ツール) 一覧になります。

① 普段使い可能な便利なカラーツール

「普段使い可能な便利なカラーツール」

 ジャンル  カラーツール名
 ① 普段使い可能な便利系
 
 Adobe Color
 SCHEMECOLOR
 ColorDrop
 ColorKitty
 Pigment
 Color Supply
 HUE/360
 NIPPON COLORS
 Canvas Colors
 Sphere:
Color Theory Visualizer

詳しくは下の記事をチェック。

② AI (人工知能)・ワンクリック系
カラーツール

「AI (人工知能)・ワンクリック系カラーツール」

 ジャンル  カラーツール名
 ② AI・ワンクリック系  Colormind
 Cohensive Colors
 Khroma
 Palettable
 Colourcode
 Coolors
 Colordot
 Color Hunt
 C&F (Colors & Fonts)

詳しくは下の記事をチェック。

③ Webデザイン・UIデザイン関連
カラーツール

「Web・UIデザイン関連カラーツール」

 ジャンル  カラーツール名
 ③ Web・UIデザイン関連  FLAT UI COLORS 2
 PALX
 Hello Color
 Paletton
 Colorable
 Color Library
 ColorHexa
 LOL Colors
 Color Designer

詳しくは下の記事をチェック。

カラーツールだけなくUIデザインツールを
探しているならこちらの記事もどうぞ。

④ マテリアルデザイン系カラーツール

「マテリアルデザイン系カラーツール」

 ジャンル  カラーツール名
 ④ マテリアルデザイン系  Random Material
Palette Generator
 Material Design Colors
 Colors – Material-UI
 Material Mixer
 Material Design Palette

詳しくは下の記事をチェック。

⑤ 画像 (写真) から抽出・分析系
カラーツール

「画像 (写真) から抽出・分析系カラーツール」

 ジャンル  カラーツール名
 ⑤ 画像から抽出・分析系  PHOTOCOPA
 Color Palette Generator
 Palette Creator
 MulticolorEngine

詳しくは下の記事をチェック。

⑥ インスピレーション系
カラーツール

「インスピレーション系カラーツール」

 ジャンル  カラーツール名
 ⑥ インスピレーション系  Color Lisa
 BrandColors
 Color Leap
 Hues
 COLORWISE
 COOL COLORS
 BADA55
 Color of Book
 Ear Palettes
 Found color

詳しくは下の記事をチェック。

また、インスピレーションが湧くサイトは
こちらの記事が参考になると思います。

⑦ グラデーション関連
カラーツール

「グラデーション関連カラーツール」

詳しくは下の記事をチェック。

⑧ 知識系カラーツール

「知識系カラーツール」

 ジャンル  カラーツール名
 ⑧ 知識系  原色大辞典
 配色の見本帳
 色見本と配色サイト
Color-Sample.com
 色の名前と色見本

詳しくは下の記事をチェック。

color city umbrella 100x100 - 配色決めに役立つカラーツール(配色見本サービス・カラーパレットツール)総まとめ

⑨ データベース系カラーツール

「データベース系カラーツール」

 ジャンル  カラーツール名
 ⑨ データベース系  Browse Palettes
 COLORION

詳しくは下の記事をチェック。

⑩ その他のカラーツール

「その他のカラーツール」

 ジャンル  カラーツール名
 ⑩ その他  ウェブ配色ツール Ver3.0
 Contrast-A
 ColoRotate

詳しくは下の記事をチェック。

graphic color 2 100x100 - 配色決めに役立つカラーツール(配色見本サービス・カラーパレットツール)総まとめ

配色を決める・探す際の参考

数多くの色見本になるであろう
カラーツールやサイトはどうでしたか?

色にはそれぞれ相性が良い・悪いの
色の組み合わせがありますね。

感覚や好みなどでも色を決めるのも
悪いことでは決してないですが、

色を決めた理由や根拠などがあることで
意味やコンセプトの説明や説得に役立ち
デザインやイラスト(作品)としても
さらに、魅力的なものができてきます。

デザインやイラスト制作の色選びのとき
これらのサイトを思い出してくださいね。

また、配色に関わる書籍・本は 
次の記事を参考にしてみてください。

なお、下記事でも他のデザイン系ソフトや
お絵描きソフト・アプリをまとめています。

スポンサーリンク

シェアする