【コピペOK】3色の黄金比の配色カラー43パターン

3色の配色でバランスよくデザインするために用いられる黄金比は、一般的に 7:2:1 の割合が推奨されます。

黄金比の配色比率を使うことで、視覚的に調和が取れた仕上がりを実現できます。

今回は、3色の黄金比の配色カラーを43パターン紹介します。

ボタニカル素材集 Flowers & Plants クラシカルで美しい、手描きの花と植物

著:INEMOUSE

¥2,051 （2025/03/05 19:21時点 | Amazon調べ）

Amazon

＼楽天スーパーSALE実施中／

楽天市場

Yahooショッピング

ポチップ

3色の黄金比とは？
【コピペOK】3色の黄金比の配色カラー43パターン

3色の黄金比とは？

7:2:1 の黄金比を意識することで、デザインにおける視覚的な優位性が生まれ、見た目に心地よい配色が可能になります。

この比率は初心者からプロまで幅広く活用されています。

メインカラー（25%）

メインカラーを補完する色で、セクションや強調したい部分に使います。
メインカラーと調和する色を選ぶことで、デザイン全体にまとまりを出します。

ベースカラー（70%）

デザインの基調となる色で、背景や広い面積に使います。
見る人に安心感を与えるため、落ち着いた色味や中間色を選ぶことが多いです。

アクセントカラー（5%）

デザインにポイントや目立つ部分を作る色です。
メインカラー・ベースカラーはコントラストのある色や鮮やかな色を使うと効果的です。

【コピペOK】3色の黄金比の配色カラー43パターン

3色の黄金比の配色カラーを43パターンまとめました。

１：アンティーク

メインカラー (25%): #9C8AA5
ベースカラー (70%): #F5F5F0
アクセントカラー (5%): #D84A58

２：フォレスト

メインカラー (25%): #6A7F6F
ベースカラー (70%): #EAE6DF
アクセントカラー (5%): #FFA834

３：ヴィンテージ

メインカラー (25%): #708A8C
ベースカラー (70%): #F2F1ED
アクセントカラー (5%): #E47D87

４：ドリーム

メインカラー (25%): #A98474
ベースカラー (70%): #F9F6F2
アクセントカラー (5%): #89C3EB

５：イヴニング

メインカラー (25%): #A37884
ベースカラー (70%): #F7F5F0
アクセントカラー (5%): #FFC857

６：スプリングブリーズ

メインカラー (25%): #A5C1AA
ベースカラー (70%): #ECECEC
アクセントカラー (5%): #FF6F61

７：ミッドナイト

メインカラー (25%): #6D6875
ベースカラー (70%): #F0EDEE
アクセントカラー (5%): #FFB703

８：シトラル

メインカラー (25%): #B9925E
ベースカラー (70%): #FDF5E6
アクセントカラー (5%): #ED6A5A

９：モダン

メインカラー (25%): #A59393
ベースカラー (70%): #FAF3ED
アクセントカラー (5%): #F4A259

１０：クラシカル

メインカラー (25%): #C49C8C
ベースカラー (70%): #F8F2E8
アクセントカラー (5%): #8F5A6A

１１：ミスト

メインカラー (25%): #A6C48A
ベースカラー (70%): #ECECEC
アクセントカラー (5%): #E36A5A

１２：フォグ

メインカラー (25%): #6E7DAB
ベースカラー (70%): #F5EFE6
アクセントカラー (5%): #FFB547

１３：アーバン

メインカラー (25%): #D1BFAF
ベースカラー (70%): #FFFFFF
アクセントカラー (5%): #7F8DA9

１４：ハイクオリティ

メインカラー (25%): #B88B4A
ベースカラー (70%): #F3F3F3
アクセントカラー (5%): #855A5C

１５：リラックス

メインカラー (25%): #91A6B8
ベースカラー (70%): #F6F1EB
アクセントカラー (5%): #E5A6A6

１６：ジェントル

メインカラー (25%): #7E9C6E
ベースカラー (70%): #EFE8DC
アクセントカラー (5%): #C97D60

１７：ウォームライト

メインカラー (25%): #D4A373
ベースカラー (70%): #F8F4EC
アクセントカラー (5%): #FF6F61

１８：リファインメント

メインカラー (25%): #88A096
ベースカラー (70%): #E6E6E6
アクセントカラー (5%): #2C363F

１９：ピクニック

メインカラー (25%): #B9D8C2
ベースカラー (70%): #FFFDF6
アクセントカラー (5%): #FFB3C1

２０：インダストリィ

メインカラー (25%): #A9A9A4
ベースカラー (70%): #EDEBE8
アクセントカラー (5%): #C67F5A

２１：モーニング

メインカラー (25%): #A7C7E7
ベースカラー (70%): #F4F7F5
アクセントカラー (5%): #587291

２２：クラシカル

メインカラー (25%): #A29587
ベースカラー (70%): #F9F7F4
アクセントカラー (5%): #735D3D

２３：ピース

メインカラー (25%): #7A9D96
ベースカラー (70%): #F2F1EE
アクセントカラー (5%): #8C6046

２４：レインレインボー

メインカラー (25%): #B6C1E9
ベースカラー (70%): #FAF9F6
アクセントカラー (5%): #F8AFA6

２５：エレガント

メインカラー (25%): #A87676
ベースカラー (70%): #F7F5F0
アクセントカラー (5%): #40434E

２６：トロピカル

メインカラー (25%): #88C4D8
ベースカラー (70%): #FFF8F1
アクセントカラー (5%): #FFA45C

２７：ノスタルジック

メインカラー (25%): #9E9184
ベースカラー (70%): #ECE9E1
アクセントカラー (5%): #D16D3E

２８：ノクターン

メインカラー (25%): #6B7486
ベースカラー (70%): #F2F2F3
アクセントカラー (5%): #A2B5C6

２９：フルーツ

メインカラー (25%): #E7BBA1
ベースカラー (70%): #FFF9F3
アクセントカラー (5%): #FFA833

３０：レイク

メインカラー (25%): #8AA4A4
ベースカラー (70%): #F4F4F4
アクセントカラー (5%): #4A6868

３１：パフューム

メインカラー (25%): #C4A29E
ベースカラー (70%): #FBF8F5
アクセントカラー (5%): #80525D

３２：スタリースカイ

メインカラー (25%): #7383BF
ベースカラー (70%): #F2F3F5
アクセントカラー (5%): #585D78

３３：グラスランド

メインカラー (25%): #A3B18A
ベースカラー (70%): #F9F6F0
アクセントカラー (5%): #FFE194

３４：スウィート

メインカラー (25%): #F4C7AB
ベースカラー (70%): #FFF9F2
アクセントカラー (5%): #B8D8BA

３５：ノスタルジー

メインカラー (25%): #B28A77
ベースカラー (70%): #F5EFE8
アクセントカラー (5%): #E59866

３６：サンライト

メインカラー (25%): #D4B9A4
ベースカラー (70%): #F8F4F0
アクセントカラー (5%): #8DAAA6

３７：ビューティフル

メインカラー (25%): #C2A77A
ベースカラー (70%): #F2F2F1
アクセントカラー (5%): #D98B7F

３８：ノルディック

メインカラー (25%): #9DB3B1
ベースカラー (70%): #F5F5F3
アクセントカラー (5%): #756E63

４０：ナイトスカイ

メインカラー (25%): #A69BB2
ベースカラー (70%): #F9F8F7
アクセントカラー (5%): #D4A5A5

４１：サン

メインカラー (25%): #E4A77E
ベースカラー (70%): #FAF5EE
アクセントカラー (5%): #F2C57C

４２：クリア

メインカラー (25%): #7E99A3
ベースカラー (70%): #F3F4F6
アクセントカラー (5%): #525E6E

４３：エスニック

メインカラー (25%): #B68C4C
ベースカラー (70%): #F8F6F0
アクセントカラー (5%): #D95F48

美しい写真から広がる! 配色&デザインアイデア事典

著:小林礼奈

¥2,200 （2025/03/04 21:25時点 | Amazon調べ）

Amazon

＼楽天スーパーSALE実施中／

楽天市場

Yahooショッピング

ポチップ