カラーコードとパレット
ネイビーのカラーコード
ネイビーは CSS 値 #000080 の、深くフォーマルなブルーです。黒に近い重厚感を持ちながら涼しげな青の個性を残し、プロフェッショナルなパレットの信頼できるベースになります。
ネイビー
#000080
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Navy 50 | #E5E5FF | 229, 229, 255 | 240, 100%, 95% | ||
| Navy 100 | #B3B3FF | 179, 179, 255 | 240, 100%, 85% | ||
| Navy 200 | #8080FF | 128, 128, 255 | 240, 100%, 75% | ||
| Navy 300 | #4D4DFF | 77, 77, 255 | 240, 100%, 65% | ||
| Navy 400 | #1A1AFF | 26, 26, 255 | 240, 100%, 55% | ||
| Navy 500 | #0000E6 | 0, 0, 230 | 240, 100%, 45% | ||
| Navy 600 | #0000B3 | 0, 0, 179 | 240, 100%, 35% | ||
| Navy 700 | #000080 | 0, 0, 128 | 240, 100%, 25% | ||
| Navy 800 | #00004D | 0, 0, 77 | 240, 100%, 15% | ||
| Navy 900 | #00001A | 0, 0, 26 | 240, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 16.01:1
AAA
Aa 黒い文字 1.31:1
不合格
ネイビーの使い方
金融・プロフェッショナル系のブランド
暗いナビゲーションやフッターの面
クリームや淡いブルーと合わせる文字色
ネイビー と相性のよい色
#000080 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。