紫

熟したブラックベリーのような、暗く強い紫です。中南米では聖週間と深く結びついており、クリエイティブなブランドにも登場します。パーティーファッションで人気の色です。

別名：紫色, ディープパープル

紫 · #6A0DAD

紫の基本情報

紫（#6A0DAD）は、寒色系・中くらいの明るさ・鮮やかの色です。紫系の色のグループに属します。RGBの値は赤106・緑13・青173（各255段階）。主な用途：ファッション, イベント, ブランディング。

紫の濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

紫に合う色

黄色補色で、最大の鮮やかなコントラストです。グレー紫を落ち着かせ、上品に見せます。白清潔感のある、くっきりしたコントラストです。オリーブグリーンナチュラルで意外性のある組み合わせです。ゴールド王族のような豪華さです。ピンク温かくモダンなグラデーションです。マスタード黄色よりやわらかな、温かいコントラストです。黒夜のお出かけに映えるドラマチックな印象に。

紫のファッション・インテリアでの合わせ方 →

紫の配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：アップルグリーン

類似色近い色：ダークブルー, パープル

トライアド近い色：黄土色, 翡翠色

スプリット・コンプリメンタリー近い色：アップルグリーン, 緑

テトラード近い色：レンガ色, アップルグリーン, ティール

紫を使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · 紫

類似色パレット · 紫

補色パレット · 紫

トライアドパレット · 紫

ニュートラルカラー入りパレット · 紫

アクセントカラー入りパレット · 紫

紫と文字色のコントラスト

白い文字コントラスト比 9.2:1 · AAA

黒い文字コントラスト比 2.3:1 · 非推奨

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --deep-purple: #6A0DAD;
  --deep-purple-rgb: 106, 13, 173;
}
.bg { background-color: var(--deep-purple); }
.text { color: var(--deep-purple); }

紫に近い色

グレープ藍色群青色ダークブルーネイビークラインブルーパープルアメジストミッドナイトブルーバイオレット

この色を使ったテーマ別パレット

その他の紫系の色

バイオレットパープルライラックラベンダーモーブプラムアメジスト茄子紺オーキッド藍色グレープ藤色パステルライラックウルトラバイオレット

よくある質問

紫のカラーコードは？

紫のHEXコードは#6A0DADです。RGBではrgb(106, 13, 173)、HSLではhsl(275, 86%, 36%)、CMYKでは39, 92, 0, 32となります。

紫の補色は何色ですか？

色相環で反対側にある補色は#50AD0Dで、アップルグリーンに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

紫の上に白い文字を置いても読みやすいですか？

はい。白とのコントラスト比は9.2:1で、通常サイズの文字にも十分です（WCAG AA）。

紫に合う色は？

相性のよい色：黄色, グレー, 白, オリーブグリーン, ゴールド。強い赤とオレンジを同時に合わせると、重たい印象になるので避けましょう。ごく濃い茶色と合わせると、くすんで見えることがあります。