#DC143C
Crimson — カラーコードとパレット
#DC143C · rgb(220, 20, 60) · hsl(348, 83%, 47%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #DC143C | |
| RGB | rgb(220, 20, 60) | |
| HSL | hsl(348, 83%, 47%) |
Crimsonのシェード（暗色系）
| #C41236 | #AD102F | #950E29 | #7E0C23 | #670A1C | #4F0716 | #38050F | #210309 |
Crimsonのティント（淡色系）
| #EA1F48 | #EC365B | #EF4E6E | #F16581 | #F37C94 | #F594A7 | #F7ABBA | #F9C2CD |
カラーペアリングとハーモニー
|
補色
#14DBB4
|
類似色 +30°
#DB5014
|
類似色 −30°
#DB14A0
|
トライアド +120°
#3CDB14
|
トライアド −120°
#143CDB
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
4.99:1 — 通常テキストでAAパス
黒（#000000）との対比
4.21:1 — 大きいテキストのみAAパス
CSSスニペット
.element {
color: #DC143C;
}
.element-bg {
background-color: #DC143C;
color: #ffffff;
}
.element-border {
border: 2px solid #DC143C;
}
Crimsonについて
Crimsonはhsl(348, 83%, 47%)（色相348°、彩度83%、明度47%）で定義される中間の明度のの鮮やかで高彩度カラーで、HEXコードは#DC143Cです。正確なカラーモデル値はRGBでrgb(220, 20, 60)、HSLでhsl(348, 83%, 47%)です。白背景でのコントラスト比は4.99:1 — 通常テキストでAAパス、黒背景では4.21:1 — 大きいテキストのみAAパスです。CrimsonはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
CrimsonのRGB値は何ですか？
Crimson（#DC143C）のRGB値は rgb(220, 20, 60) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
Crimsonは白背景でアクセシブルですか？
Crimsonと白（#FFFFFF）のコントラスト比は 4.99:1 — 通常テキストでAAパス です。黒（#000000）との比は 4.21:1 — 大きいテキストのみAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
Crimsonに合う色は何ですか？
カラー理論に基づくと、Crimson（hsl(348, 83%, 47%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。