#D8BFD8
Thistle — カラーコードとパレット
#D8BFD8 · rgb(216, 191, 216) · hsl(300, 24%, 80%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #D8BFD8 | |
| RGB | rgb(216, 191, 216) | |
| HSL | hsl(300, 24%, 80%) |
Thistleのシェード（暗色系）
| #C9A6C9 | #B98DB9 | #AA74AA | #985D98 | #7E4E7E | #653E65 | #4C2F4C | #331F33 |
Thistleのティント（淡色系）
| #DCC6DC | #E0CCE0 | #E4D3E4 | #E8D9E8 | #ECDFEC | #EFE6EF | #F3ECF3 | #F7F2F7 |
カラーペアリングとハーモニー
|
補色
#C0D8C0
|
類似色 +30°
#D8C0CC
|
類似色 −30°
#CCC0D8
|
トライアド +120°
#D8D8C0
|
トライアド −120°
#C0D8D8
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
1.70:1 — 不合格
黒（#000000）との対比
12.36:1 — 通常テキストでAAAパス
CSSスニペット
.element {
color: #D8BFD8;
}
.element-bg {
background-color: #D8BFD8;
color: #000000;
}
.element-border {
border: 2px solid #D8BFD8;
}
Thistleについて
Thistleはhsl(300, 24%, 80%)（色相300°、彩度24%、明度80%）で定義される非常に明るいの中程度の彩度カラーで、HEXコードは#D8BFD8です。正確なカラーモデル値はRGBでrgb(216, 191, 216)、HSLでhsl(300, 24%, 80%)です。白背景でのコントラスト比は1.70:1 — 不合格、黒背景では12.36:1 — 通常テキストでAAAパスです。ThistleはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
ThistleのRGB値は何ですか？
Thistle（#D8BFD8）のRGB値は rgb(216, 191, 216) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
Thistleは白背景でアクセシブルですか？
Thistleと白（#FFFFFF）のコントラスト比は 1.70:1 — 不合格 です。黒（#000000）との比は 12.36:1 — 通常テキストでAAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
Thistleに合う色は何ですか？
カラー理論に基づくと、Thistle（hsl(300, 24%, 80%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。