カラーパレット

3色のカラーパレット

色を3色にしぼると、デザインに統一感が出て、まとまりよく見えます。ここでは、くすみカラーや和モダン、パステル、モノトーンなど、すぐに使える3色の配色を24パターン紹介します。色をタップするとカラーコードをコピーでき、鉛筆アイコンからエディタで調整もできます。

くすみピンク×グレージュ

やさしく大人っぽい配色。カフェのメニューやSNSのテンプレートに。

ネイビー×白×ゴールド

上品で信頼感のある配色。名刺やロゴ、招待状に。

ミント×白×グレー

清潔感のある配色。美容サロンやクリニックのサイトに。

テラコッタ×ベージュ×オリーブ

ナチュラルで温かい配色。雑貨店やインテリアに。

黒×白×赤

コントラストの強い配色。ポスターやセールの告知に。

ラベンダー×クリーム×ネイビー

やわらかい色をネイビーで引き締めた、ゆめかわ寄りの配色。

パステル3色

ピンク・水色・黄色のポップでかわいい配色。子ども向けやイベントに。

モノトーン

黒・グレー・白のシンプルでモダンな配色。資料やポートフォリオに。

和モダン(藍×生成り×朱)

日本の伝統色で組んだ配色。和菓子店や和柄のデザインに。

抹茶×小豆×白

和カフェを思わせる、落ち着いた和の配色。

オレンジ×青×白

補色どうしの元気な配色。スポーツやキッズ向けに。

セージ×白×木の茶色

北欧インテリアのようなナチュラル配色。

ボルドー×ベージュ×黒

秋冬らしいシックな配色。ファッションやワインバーに。

イエロー×グレー×白

明るくモダンな配色。グレーが黄色の強さをおさえます。

くすみブルー×ベージュ×白

落ち着いた韓国風の配色。カフェやSNSに。

グリーン×ピンク×白

補色を使ったボタニカルな配色。花屋やウェディングに。

ブラウン×キャメル×アイボリー

秋やカフェにぴったりの温かい配色。

ビビッド3原色

マゼンタ・シアン・イエローのポップアート風。Y2Kデザインに。

黒×ネオン

夜のイベントやゲーム実況に映える配色。

ダスティピンク×ボルドー×ゴールド

華やかで上品な配色。結婚式や記念日に。

ティール×コーラル×クリーム

トロピカルで明るい配色。夏のキャンペーンに。

チャコール×マスタード×白

レトロモダンな配色。ブログやプレゼン資料に。

マリン(水色×白×ネイビー)

夏らしい爽やかな配色。海やアウトドアのデザインに。

低彩度グレージュ

彩度をおさえた大人の配色。インテリアや写真加工に。

色をタップするとHEXコードをコピーできます。鉛筆アイコンからエディターでパレットを開いて編集できます。

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るルーレット作成項目を入れて回せるルーレット。カラールーレットもビンゴマシーンボタンで回す抽選マシーンとビンゴカード
無料診断・ツールをすべて見る →

色の比率は70:25:5

いちばん広い面積に使うメインカラーを70%、サブカラーを25%、アクセントカラーを5%にすると、3色でもバランスよくまとまります。上のパレットは、左からメイン・サブ・アクセントの順に使うのが目安です。

明るさに差をつける

3色とも同じくらいの明るさだと、ぼんやりして文字が読みにくくなります。明るい色・中間の色・暗い色を1つずつ入れると、メリハリが出ます。

迷ったら同系色+アクセント

同じ色相の濃淡2色に、反対側の色(補色)を1色だけ加えると、失敗しにくく、目を引く配色になります。

これらのパレットで使われている色

リネンダスティローズオフホワイト白鉛色ボーンホワイト黒曜石色アイボリーパステルピンクライトブルーコールブラックピューターホワイトスモーク柿色モスグリーンマルサラ
3色のカラーパレットのカラーパレット
3色のカラーパレットのカラーパレット

よくある質問

3色の配色をおしゃれに見せるコツは?

メイン70%、サブ25%、アクセント5%の比率を意識し、明るさに差をつけることです。くすみカラーや白・黒・グレーなどの無彩色を1色入れると、落ち着いておしゃれに見えます。

3色のカラーパレットはどうやって作る?

カラーパレットジェネレーターで色数を3色にして生成し、気に入った色を固定しながら残りを入れ替えると、短時間で3色の配色が作れます。

資料やプレゼンは何色にすればいい?

基本は3色までがおすすめです。文字色(黒や濃いグレー)、メインカラー、強調用のアクセントカラーの3色にすると、読みやすく統一感のある資料になります。

デザインのパレットをもっと見る

さらに探す