DevArbor
#9400D3

DarkViolet — カラーコードとパレット

#9400D3  ·  rgb(148, 0, 211)  ·  hsl(282, 100%, 41%)

カラーコード

形式 値
HEX #9400D3
RGB rgb(148, 0, 211)
HSL hsl(282, 100%, 41%)

DarkVioletのシェード（暗色系）

#8400BD#7600A8#680094#590080#4B006B#3D0057#2E0042#20002E

DarkVioletのティント（淡色系）

#A800F0#B70FFF#C02EFF#C94DFF#D36BFF#DC8AFF#E5A8FF#EEC7FF

カラーペアリングとハーモニー

補色
#3FD100
類似色 +30°
#D100A7
類似色 −30°
#2A00D1
トライアド +120°
#D19200
トライアド −120°
#00D192

コントラストとアクセシビリティ（WCAG 2.1）

白（#FFFFFF）との対比
6.56:1 — 通常テキストでAAパス
黒（#000000）との対比
3.20:1 — 大きいテキストのみAAパス

CSSスニペット

.element {
  color: #9400D3;
}

.element-bg {
  background-color: #9400D3;
  color: #ffffff;
}

.element-border {
  border: 2px solid #9400D3;
}

DarkVioletについて

DarkVioletはhsl(282, 100%, 41%)（色相282°、彩度100%、明度41%）で定義される中間の明度のの鮮やかで高彩度カラーで、HEXコードは#9400D3です。正確なカラーモデル値はRGBでrgb(148, 0, 211)、HSLでhsl(282, 100%, 41%)です。白背景でのコントラスト比は6.56:1 — 通常テキストでAAパス、黒背景では3.20:1 — 大きいテキストのみAAパスです。DarkVioletはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。

色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。

カラーピッカーを開く →

よくある質問

DarkVioletのRGB値は何ですか？
DarkViolet（#9400D3）のRGB値は rgb(148, 0, 211) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
DarkVioletは白背景でアクセシブルですか？
DarkVioletと白（#FFFFFF）のコントラスト比は 6.56:1 — 通常テキストでAAパス です。黒（#000000）との比は 3.20:1 — 大きいテキストのみAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
DarkVioletに合う色は何ですか？
カラー理論に基づくと、DarkViolet（hsl(282, 100%, 41%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。