配色で迷わなくなる。使えるツール公開します。

「なんかダサい。
でも何色にすればいいのかわからない」
デザインの勉強を始めてすぐに
ぶつかる壁が、配色です。
センスの問題だと思って
落ち込んでしまう方も多いんですが、
実は配色には
「正しい選び方」と「使えるツール」があります。
それを知っているかどうかで、
仕上がりはまったく変わります。
こんにちは、久保なつ美です。
今日は配色をするときに使えるサイトやツールを
25個ご紹介します。
ブックマークしておくと、
デザインするたびに役立つ内容です。

【イメージから探したい時】
Color Hunt
"cold" "dark" "pastel" など、
イメージのキーワードから
配色パターンを探せるサイトです。
「なんとなくこういう雰囲気にしたい」
という直感から始めたい時に向いています。

Dopely Colors
5色のパレットやグラデーションを
豊富に掲載しているサイトです。
種類が多いので、
眺めているだけでも
インスピレーションが得られます。

SchemeColor
「赤」「オレンジ」「ピンク」など、
使いたいメインカラーから
組み合わせを探せます。
英語サイトですが、
ナビゲーション自体はシンプルで
使いやすい構成です。

LOLcolors
しずくが連なったかわいいデザインが
特徴の配色パレットサイトです。
眺めているだけでも楽しいです。

Image Hues
フリー素材サイト「Unsplash」の写真をもとにした
配色パターンを紹介しているサイトです。
「いいね」でお気に入りの配色を保存できるので、
後から見返したい時にも使いやすいです。

ColorDrop
「いいね」の数が表示されているので、
人気の高い配色がすぐにわかります。
ビジュアルで選びやすい構成です。
 

Coolors
スペースキーを押すたびに、
ランダムな5色のカラーパレットを
次々と表示してくれます。
画像からパターンを生成する機能もあり、
使い勝手はよいです。
 

HELLO COLOR
クリックするだけで
2色の組み合わせをどんどん表示してくれる
シンプルなサイトです。
「2色で配色を整理したい」という方に
特におすすめです。

【写真・画像から色を抽出したい時】

Color Palette Generator（Canva）
写真をアップロードするだけで、
その画像から4色のカラーパレットを
自動で抽出してくれます。
「この写真の雰囲気でデザインしたい」
という時に非常に便利です。
使いやすさは5点満点だと思っています。

Palette Maker
英語のみのサイトですが、
機能の充実度は群を抜いています。
メインカラーを選んで
「Generate Color Palette」を押すと、
服・ネイル・インテリア・資料・ポスターなど、
さまざまな用途での配色例を
一覧で確認できます。
英語が苦手な方にも
ぜひ一度試してほしいツールです。

【カラーホイールで探したい時】

Adobe Color
カラーホイール上の○を動かすだけで、
5色の組み合わせを自動で生成してくれます。
操作していると配色の感覚が
自然と身につくので、
勉強目的でも楽しく使えます。
日本語対応しているのも安心なポイントです。
 

Color wheel（Canva）
Adobe Colorと同じく、
○を動かして組み合わせを見つけていく
タイプのサイトです。
操作は直感的でわかりやすいです。
 

Colorable
バーをスライドさせながら、
自分で色の組み合わせを探せるサイトです。
「だいたいこの色とこの色を使いたい」
という方向性がある程度決まっている場合に、
シミュレーションとして使うのに向いています。

【完成イメージを見ながら選びたい時】

COOL COLORS（サルワカ）
40パターンと数は少なめですが、
実際に組み合わせた完成イメージを
確認しながら選べるのが大きな魅力です。
日本語で見やすく、
初心者の方にもわかりやすい構成です。
 

Happy Hues
COOL COLORSと同様、
完成イメージを見ながら配色を選べるサイトです。
英語のみですが操作が直感的なので、
英語が苦手な方でもすぐに使えます。
 

Color meanings and symbolism（Canva）
メインカラーを選ぶと、
その色を使ったカラーパレットを
4パターン提案してくれます。
Canvaユーザーにとっては
連携もしやすく便利です。

【学びながら使いたい時】
 

原色大辞典
色の名前・カラーコード・組み合わせパターンを
学べる日本語サイトです。
「アナロガス配色」「ペンタード配色」など、
プロでも知らないような配色の種類が
詳しく解説されています。

Canva 100の配色パターン
100の配色パターンを解説付きで紹介しています。
それぞれのパレットに
「なぜこの色を組み合わせるのか」の説明があるので、
読むだけで配色の引き出しが
増えていきます。

Brand Colors
有名ブランドが実際に使っている
カラーコードを確認できるサイトです。
「あのブランドみたいな色を使いたい」
という時に役立ちます。

Color palettes（Canva）
Canvaが運営するカラーパレットサイトです。
人気順で配色を確認でき、
視覚的にわかりやすく
サクサク探せます。

【グラデーションを使いたい時】
 

Grabient
美しいグラデーションのカラーコードを
そのまま確認・コピーできるサイトです。
品質が高く実用的なグラデーションが
揃っています。
 

itmemo（WebGradients）
2色のシンプルなグラデーションを
豊富に掲載しています。
スクロールしながらサクサク確認できるので、
まずは選択肢を広く眺めたい時に向いています。
 

FarbVélo
ランダムにグラデーションのカラーパターンを
生成してくれるサイトです。
「眺めて楽しむ」
「感覚を養う」目的に向いています。
リロードするたびに
新しいパターンが表示されます。

【インスピレーションを得たい時】
 

Color Lisa
絵画をもとに作られたカラーパレットが
並んでいるユニークなサイトです。
美術が好きな方にとっては
インスピレーション源になります。
 

Color Leap
時代ごとに絵画を分類して
紹介しているサイトです。
「中世ヨーロッパ風」「印象派風」といった
雰囲気のデザインをつくりたい時に
参考になります。

一気にご紹介しましたが、
すべてを使いこなす必要はありません。
まず気になったものを
2〜3つ開いてみてください。
使いやすいと感じたものを
ブックマークして、
使いどころを覚えていく。
それだけで、
「何色にすればいいかわからない」から
卒業できます。

▼WEBデザインのスキルを身につけてお仕事にしたいという方に、

WEBデザイナーを4500名以上育ててきた久保から

20レッスンをプレゼントします。

音声と記事でしっかり学べる超優良級のコンテンツなので

ぜひ登録して受け取ってください。

画像をクリックしてLINEに登録するとプレゼントがすぐもらえます！

WEBデザイナーとしての働き方について、
無料のオンラインセミナー（3時間）で詳しくお伝えしています。
こちらからお申し込みいただけます。

元看護師の2児ママが WEBデザインで 月収20万達成した話

息子のユニフォームが、もらえなかった。

小学校1年生になった息子が、

バスケのチームに入った。

でも、練習にほとんど連れて行けなかった。

夜勤前後は体が限界で、

土日も仕事が入る。

同じ頃に入った他の子たちがユニフォームをもらっていく中、

息子だけがもらえないままだった。

「練習に来れないからもらえないよな、って思ってたんです。

それがすごく悔しくて」

みのちゃんは、そう話してくれました。

こんにちは、久保なつ美です。

今日ご紹介するのは、

12年間看護師として働いてきたシングルマザー・みのちゃんの話です。

2人の子どもを1人で育てながら夜勤もこなし、

体と気持ちがどんどんすり減っていくのを感じていた。

でも今は、息子のすべての試合に行けています。

ユニフォームももらえた。

「ママと一緒にいつも寝れるから嬉しい」と

娘が言ってくれるようになりました。

何が変わったのか。

その道のりを聞かせてもらいました。

■ 「在宅でできる仕事をしたい」という願いの始まり

みのちゃんが転職を本格的に考え始めたのは、

上の子が小学1年生になったタイミングでした。

「小1の壁」と呼ばれる現象です。

「このままじゃダメだなって思って。

当時は必死でお昼も仕事しつつ夜勤もして、

なんかもう子供たちとも遊んであげれないとか、

いっぱいいっぱいでした」

院内保育所があって子育てに理解のある職場でした。

看護師の仕事も好きだった。

それでも、

「転職しておかないと、子どもがもっと大きくなった時に

してあげたいことができなくなる」

という気持ちが勝りました。

■ 2つ目のスクールで出会ったデザスク

最初は別のスクールに入りました。

1ヶ月間受けてみたものの、

デザインもコーディングもほとんど身につかないままでした。

「このままじゃデザイナーになれないな、と感じてたんです。

で、入学する前にちょっと独学しようと思って色々調べてたら、

デザスクのYouTubeに出会いました」

3時間セミナーに参加し、

「こっちで頑張ろう」と決めたのが2月。

1つ目のスクールと並行しながら入学したのは、

動き出したら一気に動くタイプのみのちゃんらしい判断でした。

■ 看護師をしながらシングルマザーが作った「学習時間」

副業時代、どうやって勉強する時間を作っていたのか。

聞いて、正直驚きました。

朝5時から7時は「朝もく会」に参加。

夜は子どもたちを8時に寝かせてから9時まで作業時間を確保。

長い日は2時・3時まで作業していたこともあるそうです。

それでも続けられたのには、理由がありました。

「楽しかったから続けられたのと、

なんのためにやるのかを常に持てていたのが大きかったです」

そして、家族も一緒に動いてくれました。

「ママがWebデザイナーになったら土日の試合にも全部行けるし、

習い事の送り迎えもできるから、って子どもたちに話したんです。

そしたら協力してくれて。

ファミリープロジェクトみたいな感じでした」

■ 支えになった、ある言葉

副業から本業へのシフトは、簡単ではありませんでした。

「最悪、看護師の免許があるから生活できるしな、

って思ったこともあるんです。

でも、みんながいたから。

仲間がいたから続けられました」

そしてもう一つ、支えになった言葉があります。

大坪さんが「子どもとの時間が欲しくて頑張るんでしょ。

子どもにちゃんと話したら、応援してくれるから」

と言っていたんです。

それを聞きながらボロボロ泣いて。

その言葉で本当に頑張れました」

■ 「できます」と言い続けた先にあったもの

知り合いの経営者さんへの挨拶まわりで

「今度イベントがあるんだけど、パンフレット作れる?」と

聞かれたとき、

「作ったことないけど、できます」と答えたのです。

「やったことないけど、できます」は、

みのちゃんがあちこちで使ってきた言葉でした。

YouTubeのサムネイル、パンフレット、シール、タスキ。

どれも初めてでしたが、やってみたら全部できた。

「デザスクで教えてもらったことって、

バナーとホームページとLPじゃないですか。

でもそれを応用すると何でも作れるんですよ。

名刺も、チラシも、シールも。

本当に全部に応用が効いて」

そしてある企業向けコミュニティで声をかけてくれた方が、

自転車で15分の会社の経営者でした。

インハウスデザイナーとして迎えてもらう形が生まれました。

「トントン拍子で決まって。

頑張ってきた時間がここに繋がったんだなって思いました」
 

■ 今の働き方と、変わった景色

現在は、週数日インハウスデザイナーとして通勤しながら、

個人のフリーランス活動も3件ほど並行しています。

収入は手取りで看護師時代と同程度になりました。

そして一番大きな変化は、家族との時間です。

息子はバスケを続けています。

練習にも試合にも、今は全部行けています。

ユニフォームも、もらいました。

「ユニフォームが来た時は本当に嬉しくて」

と話すみのちゃんの表情が、

インタビューの中で一番輝いていました。
 

コツコツやめずに動いていれば、

結果はついてくる。

みのちゃんが最後に伝えてくれた言葉が、

この記事の核心を突いていると思います。

もし今、転身を考えていて踏み出せないという方がいたら——

まずは今日、

自分のゴールを

紙に書き出してみてください。

▼WEBデザインのスキルを身につけてお仕事にしたいという方に、

WEBデザイナーを4500名以上育ててきた久保から

20レッスンをプレゼントします。

音声と記事でしっかり学べる超優良級のコンテンツなので

ぜひ登録して受け取ってください。

画像をクリックしてLINEに登録するとプレゼントがすぐもらえます！

WEBデザイナーとしての働き方について、
無料のオンラインセミナー（3時間）で詳しくお伝えしています。
こちらからお申し込みいただけます。

↓この記事はYouTube動画をまとめています。
動画もぜひチェックしてみてください。

久保なつ美｜Profile
日本一のWEBデザインスクール「デザスク」校長として、累計4,500名以上のプロを輩出。2015年以降、成功率日本一を誇り、東京MXの30分特番をはじめTBSや地方TVなどメディア取材も多数。WEBデザイン情報をSNSで発信し、総フォロワー数は12万人超。著書に『根性なしがWEBデザイナーに憧れて』（幻冬舎）。

稼げる人と稼げない人の決定的な差｜同じ勉強をしているのに分かれる7つの思考

同じスクールに入って、

同じ教材を使って、

同じ時間勉強している。

それなのに、

半年後に月50万円稼いでいる人と、

1円も稼げずに消えていく人に

くっきりと分かれます。

この差は何だと思いますか？

センスの差？

年齢や経験の差？

パソコンのスペック？

違うんです。

私がこれまで見てきた限り、

この差は能力の問題ではなく、

脳の設定が違うだけです。

稼げない人は、

無意識のうちに稼げない方の選択をしている。

今日はそのことを、

7番勝負でお伝えしていきます。

↑画像をクリックすると、動画バージョンが見れます。

自分はどちらに当てはまるか、

確認しながら読んでみてください。

こんにちは、久保なつ美です。

日本デザインスクールの代表をしています。

スクール設立から10年、4,500人以上の方と歩いてきました。

同じことを教えていても

稼げる人と稼げない人が出る理由を

ずっと観察してきた経験から、

今日はその核心をお伝えします。

第1試合：動機の違い——HowよりWhy

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、手段から入ります。

「とりあえずインスタやってみよう」

「とりあえずクラウドソーシングに登録しよう」

こうやって手段から入ると、

その方法が通じなくなった瞬間に諦めます。

壁にぶつかった時の粘る力がない。

稼げる人は、目的から入ります。

「家族との時間を増やしたい」

「場所を選ばずに働きたい」

こうやって目的から入ると、

手段は何でもいいと考えられます。

インスタがダメならYouTube、

ダメならブログ、と

目的達成まで手段を変え続けるから諦めない。

大事なのはPhotoshopを覚えることではなく、

その先の人生をどう変えたいか、なんですよね。

第2試合：学習の違い——インプットvsアウトプット

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、知識を溜め込みます。

動画を見て「なるほど」と満足してしまう。

ノートをきれいにまとめることが目的になる。

悪気はないんです。

日本の教育が「知識があれば安心」という方向で

育ててきたので、自然なことでもあります。

ただ、知識を溜めるだけでは稼げません。

稼げる人は、学んだ瞬間に使います。

「明日これを作るために、ここだけ見る」

動画を見た瞬間にアウトプットに使う。

目的から入っているので、

使うことが最初から前提にあります。

使う予定のない勉強はいらない。

耳が痛いかもしれませんが、

使わなければ本当に意味がないんですよね。

第3試合：速度の違い——慎重派vs即決派

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、準備が整ったら動こうとします。

「自信がついたら動こう」

「完璧になったら出そう」

でも、準備が完璧になる日は一生来ません。

稼げる人は、とりあえず動いてデータを集めます。

「早く失敗して改善点が欲しい」と考えている。

やると決めたらその場で動く。

私自身、昨日大阪に日帰りで行ってきました。

尊敬している方のイベントに誘われて、

迷わずチケットを取りました。

昔は1〜2週間迷ってチャンスを逃していましたが、

ピンときたら動くという思考に変わってから、

後悔した記憶がないんですよね。

何が良かったかは行ってから分かるし、

行かなければ分からない。

それだけのことなんだと思っています。

第4試合：マインドの違い——プライドvs素直さ

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、完璧主義で自爆します。

100点の作品を作ってから見せようとして、

結果誰にも見せずに終わる。

これは自信のなさが

プライドに変換されているケースが多いです。

稼げる人は、20点でも見せて直してもらいます。

未完成の作品を平気で出して

「どこが悪いか教えてください」と言える。

指摘はギフト、無料コンサルだと考えています。

私のスクールで一番稼いでいる卒業生は、

まだ作り込まれていない作品を持ってきて

「直してください」と笑顔で言い続けていました。

↑画像をクリックすると、動画バージョンが見れます。

プライドは全くなかった。

でも今は、圧倒的な実績を持つデザイナーになっています。

他の人の脳みそを借りて最短で100点に到達する。

これが素直さの力だと思っています。

第5試合：働き方の違い——労働vs仕組み

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、全部自分でやろうとします。

苦手なことも気合いでカバーしようとして、

常に忙しく、新しい挑戦をする時間がない。

自分が倒れたら収入がゼロになるという構造から

抜け出せません。

稼げる人は、自分がサボるために頑張ります。

苦手なことは他の人に任せる。

作業をテンプレート化して次回の手間を減らす。

ある卒業生は、

1日8時間かかっていたサムネイル制作を

テンプレートの蓄積で30分〜1時間まで短縮しました。

その結果、

1日1時間で月20万円以上稼げるようになった。

↑画像をクリックすると、動画バージョンが見れます。

仕組みが時間を生み、

その時間でさらに高単価の案件に挑める。

これが稼げる人の加速の仕組みです。

第6試合：対人関係の違い——孤独vs巻き込み

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、奪う人（テイカー）です。

コミュニティにいてもただ見るだけ、

いい情報だけ収集して誰とも関わらない。

結果、誰の記憶にも残らず

チャンスが回ってきません。

稼げる人は、与える人です。

困っている人を助ける。

小さな役割を自分から買って出る。

交流会で椅子を並べる。

そういう行動を自然にします。

ある卒業生は「自分に仕事がなくてもいい」と思って

周りの人を積極的に紹介し始めたところ、

逆に自分への依頼が増えたと話していました。

与える人は与えられる。

これは法則のように感じています。

↑画像をクリックすると、動画バージョンが見れます。

第7試合：メンタルの違い——気分屋vs感情管理

↑画像をクリックすると、動画バージョンが見れます。

稼げない人は、気分で動きます。

「今日はやる気が出ないからやめよう」

「嫌なことがあったから作業を止める」

パフォーマンスが安定しないと

クライアントからの信頼が積み上がりません。

稼げる人は、自分の機嫌を自分で取ります。

疲れた時は温泉に行く。

今日頑張れたことを振り返る。

大事な日の前はしっかり寝る。

感情の波を予測して、準備しておくんです。

私も昔は気分屋でした。

でも、動かない方が気分が悪くなると気づいてから、

感情が落ちている時でも動くことを選ぶようになりました。

ジャーナリングや好きなことで自分をリセットする習慣が、

少しずつ安定につながっていきます。

7つの違い、まとめ

動機　→　手段から入る／目的から入る

学習　→　知識を溜める／学んだ瞬間に使う

速度　→　準備が整ったら／とりあえず動く

マインド　→　完璧主義／20点でも見せる

働き方　→　全部自分でやる／仕組みを作る

対人関係　→　奪う／与える

メンタル　→　気分で動く／自分の機嫌を自分で取る

稼げない側に多く当てはまっていても、

落ち込まないでください。

これはあなたの才能の問題でも

性格の問題でもありません。

今まで選んできた「考え方の癖」が

積み重なっているだけです。

↑画像をクリックすると、動画バージョンが見れます。

↑画像をクリックすると、動画バージョンが見れます。

全部を一気に変える必要はありません。

今日一番ドキッとしたものを1つだけ選んで、

そこから変えてみてください。

1つ変わると、次が変わりやすくなります。

その積み重ねが、1年後の自分を大きく変えます。

↑画像をクリックすると、動画バージョンが見れます。

▼WEBデザインのスキルを身につけてお仕事にしたいという方に、

WEBデザイナーを4500名以上育ててきた久保から

20レッスンをプレゼントします。

音声と記事でしっかり学べる超優良級のコンテンツなので

ぜひ登録して受け取ってください。

画像をクリックしてLINEに登録するとプレゼントがすぐもらえます！

WEBデザイナーとしての働き方について、
無料のオンラインセミナー（3時間）で詳しくお伝えしています。
こちらからお申し込みいただけます。

↓この記事はYouTube動画をまとめています。
動画もぜひチェックしてみてください。

久保なつ美｜Profile
日本一のWEBデザインスクール「デザスク」校長として、累計4,500名以上のプロを輩出。2015年以降、成功率日本一を誇り、東京MXの30分特番をはじめTBSや地方TVなどメディア取材も多数。WEBデザイン情報をSNSで発信し、総フォロワー数は12万人超。著書に『根性なしがWEBデザイナーに憧れて』（幻冬舎）。