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

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

プロ直伝ネイビーのカラーコード一覧!Webと印刷の配色黄金比の注目されている理由を丁寧にまとめました。全体像を一目で把握できます。

一口にネイビーと言っても、その定義は歴史的背景や用途によって枝分かれしている。まずはデジタル画面で使われる16進数カラーコード(HEX)およびRGBカラーモデル、そして印刷用のCMYKカラーモデルまで、現場で即戦力となる主要な数値を押さえておく必要がある。

■ スタンダード・ウェブネイビー(Classic Navy)
・16進数カラーコード(HEX):#000080
・RGBカラーモデル:R:0 / G:0 / B:128
・CMYKカラーモデル:C:100% / M:95% / Y:20% / K:40%
・特徴:伝統的なウェブカラー(Web colors)の原点。混じり気のない純粋な濃紺だが、現代の高輝度ディスプレイでは青みが強く出すぎる傾向がある。

■ モダン・ディープネイビー(Modern Tech Navy)
・16進数カラーコード(HEX):#0F172A(Slate系) / #0A192F(Midnight系)
・RGBカラーモデル:R:15 / G:23 / B:42
・CMYKカラーモデル:C:90% / M:80% / Y:60% / K:70%
・特徴:欧米の先端SaaSやテック企業のUI/UXデザインで主役を張るダークトーン。黒に近い深みを持ちながら、冷たすぎない洗練を醸し出す。

■ 和名・濃紺/ネイビーブルー(JIS規格)
・16進数カラーコード(HEX):#202F55
・RGBカラーモデル:R:32 / G:47 / B:85
・CMYKカラーモデル:C:90% / M:80% / Y:40% / K:30%
・特徴:JIS慣用色名に定められたネイビーブルー。赤みと黄みのバランスが良く、日本の伝統的な染め色にも通じる落ち着いた品格を誇る。

■ ロイヤルネイビー(High-End Navy)
・16進数カラーコード(HEX):#1B365D
・RGBカラーモデル:R:27 / G:54 / B:93
・CMYKカラーモデル:C:95% / M:75% / Y:35% / K:35%
・特徴:英国海軍の制服を思わせるクラシックで知的な青。高級ホテルのブランディングや金融系コーポレートサイトで絶大な支持を集める。

吉田 誠
Author

吉田 誠

最新のテクノロジーと生活デザインの融合をテーマに、国内外の最新トピックを発信しています。