CSS の navy は #000080、indigo は #4B0082 です。navy は青、indigo は赤成分も含む紫寄りの見本になります。ただし服の「インディゴ」や藍染めの色全体が CSS indigo と同じという意味ではありません。

色名とCSS値の一覧

CSS navy

RGB 0, 0, 128

青系の背景や輪郭に。文字との比率は実測する。

CSS indigo

RGB 75, 0, 130

紫寄りのアクセントとして比較。

参考色をコピー・保存する

CSSで定義されたsRGB値です。衣服や染料などの実物色を保証する値ではありません。

2 / 2 色。保存する内容は下の色表と同じです。

色見本・名前HEX / RGB使う
CSS navy#000080
rgb(0 0 128)
詳しく
CSS indigo#4B0082
rgb(75 0 130)
詳しく

コードで共有するときは規格名を添える

Web 制作なら「CSS navy / #000080」のように値と用途を一緒に渡すと、同じ sRGB の値を使えます。衣服や染色の相談では、ブランドや商品名、実物の色見本を優先してください。

隣り合う色で見え方を確認する

白の上では両方とも濃い色に見えますが、大きな面積で並べると青と紫の方向の差を比べやすくなります。近似色ツールの距離は参考値であり、名前の意味が同じだと示すものではありません。

出典と確認日

確認:2026-10-14 · 編集:いろレシピ。出典の説明と独自の使い方提案を区別しています。