#512DA8
#512DA8 — カラーコードとパレット
#512DA8 · rgb(81, 45, 168) · hsl(258, 58%, 42%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #512DA8 | |
| RGB | rgb(81, 45, 168) | |
| HSL | hsl(258, 58%, 42%) |
#512DA8のシェード（暗色系）
| #4A2999 | #432489 | #3B2079 | #331C69 | #2B1859 | #231349 | #1B0F38 | #140B28 |
#512DA8のティント（淡色系）
| #5E33C1 | #6E46CE | #815ED4 | #9476DB | #A78EE1 | #BAA6E7 | #CDBFEE | #E0D7F4 |
カラーペアリングとハーモニー
|
補色
#84A92D
|
類似色 +30°
#902DA9
|
類似色 −30°
#2D46A9
|
トライアド +120°
#A9522D
|
トライアド −120°
#2DA952
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
9.17:1 — 通常テキストでAAAパス
黒（#000000）との対比
2.29:1 — 不合格
CSSスニペット
.element {
color: #512DA8;
}
.element-bg {
background-color: #512DA8;
color: #ffffff;
}
.element-border {
border: 2px solid #512DA8;
}
#512DA8について
#512DA8はhsl(258, 58%, 42%)（色相258°、彩度58%、明度42%）で定義される中間の明度のの高い彩度カラーで、HEXコードは#512DA8です。正確なカラーモデル値はRGBでrgb(81, 45, 168)、HSLでhsl(258, 58%, 42%)です。白背景でのコントラスト比は9.17:1 — 通常テキストでAAAパス、黒背景では2.29:1 — 不合格です。#512DA8はUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
#512DA8のRGB値は何ですか？
#512DA8（#512DA8）のRGB値は rgb(81, 45, 168) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
#512DA8は白背景でアクセシブルですか？
#512DA8と白（#FFFFFF）のコントラスト比は 9.17:1 — 通常テキストでAAAパス です。黒（#000000）との比は 2.29:1 — 不合格 です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
#512DA8に合う色は何ですか？
カラー理論に基づくと、#512DA8（hsl(258, 58%, 42%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。