プロ直伝ネイビーのカラーコード一覧！Webと印刷の配色黄金比

プロ直伝ネイビーのカラーコード一覧！Webと印刷の配色黄金比の見逃せないポイントを一挙に解説しました。

優れたインターフェースにおいて、ネイビーは主役にも黒幕にもなれる稀有なカラーだ。国内外のハイコンバージョンなWebサービスを分析すると、成功しているプロダクトには明確な「面積比の黄金律」が存在する。

基本となるのは【ベース 60% : メイン 30% : アクセント 10%】のバランスだ。ネイビーをどこに配置するかで、ユーザー心理への働きかけは劇的に変化する。

・コーポレート・信頼獲得型パターン
ベース：オフホワイト（#F8FAFC 60%）
メイン：ディープネイビー（#0F2350 30%）
アクセント：シャンパンゴールド（#C5A880 10%）またはバーントオレンジ（#E26A2C 10%）
視線誘導がスムーズになり、テキストの可読性と権威性を両立させる。

・モダンSaaS・ダークサーフェス型パターン
ベース：ミッドナイトネイビー（#0B132B 60%）
メイン：スレートブルー（#1C2541 30%）
アクセント：エレクトリックエメラルド（#48E5C2 10%）
完全な黒（#000000）を背景に使うよりも眼精疲労を軽減し、知的な先進感をユーザーに植え付ける。