#9370DB
MediumPurple — カラーコードとパレット
#9370DB · rgb(147, 112, 219) · hsl(260, 60%, 65%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #9370DB | |
| RGB | rgb(147, 112, 219) | |
| HSL | hsl(260, 60%, 65%) |
MediumPurpleのシェード（暗色系）
| #7E54D4 | #6937CD | #5A2DB4 | #4B2697 | #3D1F7A | #2F175E | #211041 | #120925 |
MediumPurpleのティント（淡色系）
| #9D7CDE | #A689E1 | #AF95E4 | #B9A1E8 | #C2ADEB | #CBBAEE | #D4C6F1 | #DDD2F4 |
カラーペアリングとハーモニー
|
補色
#B8DB70
|
類似色 +30°
#C970DB
|
類似色 −30°
#7082DB
|
トライアド +120°
#DB9470
|
トライアド −120°
#70DB94
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
3.76:1 — 大きいテキストのみAAパス
黒（#000000）との対比
5.58:1 — 通常テキストでAAパス
CSSスニペット
.element {
color: #9370DB;
}
.element-bg {
background-color: #9370DB;
color: #000000;
}
.element-border {
border: 2px solid #9370DB;
}
MediumPurpleについて
MediumPurpleはhsl(260, 60%, 65%)（色相260°、彩度60%、明度65%）で定義される明るいの高い彩度カラーで、HEXコードは#9370DBです。正確なカラーモデル値はRGBでrgb(147, 112, 219)、HSLでhsl(260, 60%, 65%)です。白背景でのコントラスト比は3.76:1 — 大きいテキストのみAAパス、黒背景では5.58:1 — 通常テキストでAAパスです。MediumPurpleはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
MediumPurpleのRGB値は何ですか？
MediumPurple（#9370DB）のRGB値は rgb(147, 112, 219) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
MediumPurpleは白背景でアクセシブルですか？
MediumPurpleと白（#FFFFFF）のコントラスト比は 3.76:1 — 大きいテキストのみAAパス です。黒（#000000）との比は 5.58:1 — 通常テキストでAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
MediumPurpleに合う色は何ですか？
カラー理論に基づくと、MediumPurple（hsl(260, 60%, 65%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。