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

 

こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

 

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

 

スポンサーリンク

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

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

 

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

 

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

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

 

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

 

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

「AI・ワンクリック系のカラーツール」

 

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

 

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

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

 

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

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

 

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

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

 

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

 

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

「画像から抽出・分析系のカラーツール」

 

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

 

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

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

 

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

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

 

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

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

 

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

 

⑧ 知識系カラーツール

「知識系のカラーツール」

 

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

 

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

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

 

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

 

⑩ その他のカラーツール

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

 

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

 

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

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

 

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

 

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

 

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

 

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

 

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

 

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