ネイビーのカラーコード：#000080
ネイビーは #000080、RGBで rgb(0, 0, 128)、OKLCHで oklch(27.115% 0.18789 264.052) です。ほかの形式、シェード、合う色、パレットはすべて下にあります。
HEXとして認識
- Ctrl Vどこでも色を貼り付け
- Spaceランダムな色
- CHEXをコピー
- 青
- ごく暗い
- 鮮やか
- ディープ
- 寒色系
- violet-950
- 黒 50%
sRGBの範囲内：どの画面でも同じように表示されます。
シェード
明るい順に並んでいます。クリックするとそのシェードを使えます。
カラーハーモニー
最近の色
選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。
別名: 紺色, Navy blue, Navy
ネイビーを使ったパレット
似ている名前のある色
ネイビーについてのよくある質問
ネイビーのカラーコードは？
ネイビーのカラーコードは #000080 です。RGBでは rgb(0, 0, 128)、HSLでは hsl(240, 100%, 25.1%)、OKLCHでは oklch(27.115% 0.18789 264.052) です。
ネイビーに合う色は？
補色は #372200 です。落ち着いた印象にするなら、類似色の #002b48 と #320070 と組み合わせましょう。ネイビーを使ったパレットはこのページで紹介しています。
ネイビーは暖色と寒色のどちらですか？
ネイビーは寒色系の色で、OKLCHの色相は264度です。
ネイビーの上で読みやすい文字色は？
ネイビーの上では白の文字のほうが読みやすくなります。白はコントラスト比 16.01:1、黒は 1.31:1 です。WCAG AAでは本文に4.5:1以上が求められます。
#000080 について
#000080 は深みのある ごく暗い青です。OKLCHでは明度 27.1%、クロマ 0.188、色相 264° です。
sRGBの範囲内：どの画面でも同じように表示されます。
この色の上では白い文字のコントラストが 16.01:1、黒い文字が 1.31:1 なので、白の文字のほうが読みやすくなります。
最も近い名前のある色はネイビー（#000080）です。Tailwind CSSで最も近い色は violet-950 です。