#2F4F4F
DarkSlateGray — カラーコードとパレット
#2F4F4F · rgb(47, 79, 79) · hsl(180, 25%, 25%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #2F4F4F | |
| RGB | rgb(47, 79, 79) | |
| HSL | hsl(180, 25%, 25%) |
DarkSlateGrayのシェード（暗色系）
| #2C4949 | #284343 | #243D3D | #213636 | #1D3030 | #192929 | #152323 | #111D1D |
DarkSlateGrayのティント（淡色系）
| #3F6969 | #4E8383 | #5E9C9C | #76ADAD | #8FBCBC | #A9CBCB | #C2DBDB | #DCEAEA |
カラーペアリングとハーモニー
|
補色
#503030
|
類似色 +30°
#304050
|
類似色 −30°
#305040
|
トライアド +120°
#503050
|
トライアド −120°
#505030
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
8.93:1 — 通常テキストでAAAパス
黒（#000000）との対比
2.35:1 — 不合格
CSSスニペット
.element {
color: #2F4F4F;
}
.element-bg {
background-color: #2F4F4F;
color: #ffffff;
}
.element-border {
border: 2px solid #2F4F4F;
}
DarkSlateGrayについて
DarkSlateGrayはhsl(180, 25%, 25%)（色相180°、彩度25%、明度25%）で定義される暗いの中程度の彩度カラーで、HEXコードは#2F4F4Fです。正確なカラーモデル値はRGBでrgb(47, 79, 79)、HSLでhsl(180, 25%, 25%)です。白背景でのコントラスト比は8.93:1 — 通常テキストでAAAパス、黒背景では2.35:1 — 不合格です。DarkSlateGrayはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
DarkSlateGrayのRGB値は何ですか？
DarkSlateGray（#2F4F4F）のRGB値は rgb(47, 79, 79) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
DarkSlateGrayは白背景でアクセシブルですか？
DarkSlateGrayと白（#FFFFFF）のコントラスト比は 8.93:1 — 通常テキストでAAAパス です。黒（#000000）との比は 2.35:1 — 不合格 です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
DarkSlateGrayに合う色は何ですか？
カラー理論に基づくと、DarkSlateGray（hsl(180, 25%, 25%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。