こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、デザイン・イラスト等の色選びで、
役立つ配色見本サービスをまとめました。
(基本的に無料オンラインツールです。)
新しいカラーツールを見つけた追加、
サービスが終了したツールは削除して
随時この記事は更新してるものです。
この記事の目次
配色見本ツールを利用していこう。
デザインだと特にWebやポスターの配色
イラストならキャラのメインカラーなど
デザインやイラストに長けている人でも
配色は悩む要素が多い部分だと思います。
初心者の方なら尚更、良い配色を作るのは
難しいことではないでしょうか。
配色1つで、そのデザインやイラストの
イメージも全く違うものにもなりますよね。
ですが、今回紹介する配色見本サービスで
そんな悩みはきっと解消されるでしょう。
どのサービスも非常に便利なものなので、
自分に相応しいサービスを是非見つけて
デザイン制作などに利用して見て下さい。
なお、配色の基本があまり分からない人は
この記事も役立つと思います。
カラーツールの一覧まとめ
(配色見本・カラーパレット)
「カラーツールの一覧まとめ」
| ジャンル | カラーツール数 (81) |
| ① 普段使い可能な便利系 | 10 |
| ② AI (人工知能)・ワンクリック系 | 9 |
| ③ Webデザイン・UIデザイン関連 | 9 |
| ④ マテリアルデザイン系 | 5 |
| ⑤ 画像 (写真) から抽出・分析系 | 4 |
| ⑥ インスピレーション系 | 10 |
| ⑦ グラデーション関連 | 25 |
| ⑧ 知識系 | 4 |
| ⑨ データベース系 | 2 |
| ⑩ その他 | 3 |
探しているカラーが簡単に見つかったり
色の組み合わせの見本になったりする
Webサービス (ツール) 一覧になります。
① 普段使い可能な便利なカラーツール
「普段使い可能な便利なカラーツール」
詳しくは下の記事をチェック。
② AI (人工知能)・ワンクリック系
カラーツール
「AI (人工知能)・ワンクリック系カラーツール」
- Cohensive Colors
- Palettable
- Coolors
- C&F (Colors & Fonts)
詳しくは下の記事をチェック。
③ Webデザイン・UIデザイン関連
カラーツール
「Web・UIデザイン関連カラーツール」
詳しくは下の記事をチェック。
カラーツールだけなくUIデザインツールを
探しているならこちらの記事もどうぞ。
④ マテリアルデザイン系カラーツール
「マテリアルデザイン系カラーツール」
詳しくは下の記事をチェック。
⑤ 画像 (写真) から抽出・分析系
カラーツール
「画像 (写真) から抽出・分析系カラーツール」
詳しくは下の記事をチェック。
⑥ インスピレーション系
カラーツール
「インスピレーション系カラーツール」
詳しくは下の記事をチェック。
また、インスピレーションが湧くサイトは
こちらの記事が参考になると思います。
⑦ グラデーション関連
カラーツール
「グラデーション関連カラーツール」
詳しくは下の記事をチェック。
⑧ 知識系カラーツール
「知識系カラーツール」
詳しくは下の記事をチェック。
⑨ データベース系カラーツール
「データベース系カラーツール」
詳しくは下の記事をチェック。
⑩ その他のカラーツール
「その他のカラーツール」
詳しくは下の記事をチェック。
配色を決める・探す際の参考
数多くの色見本になるであろう
カラーツールやサイトはどうでしたか？
色にはそれぞれ相性が良い・悪いの
色の組み合わせがありますね。
感覚や好みなどでも色を決めるのも
悪いことでは決してないですが、
色を決めた理由や根拠などがあることで
意味やコンセプトの説明や説得に役立ち
デザインやイラスト (作品) としても
さらに、魅力的なものができてきます。
デザインやイラスト制作の色選びのとき
これらのサイトを思い出してくださいね。
また、配色に関わる書籍・本は
次の記事を参考にしてみてください。
なお、下記事でも他のデザイン系ソフトや
お絵描きソフト・アプリをまとめています。
