#DAA520
Goldenrod — カラーコードとパレット
#DAA520 · rgb(218, 165, 32) · hsl(43, 74%, 49%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #DAA520 | |
| RGB | rgb(218, 165, 32) | |
| HSL | hsl(43, 74%, 49%) |
Goldenrodのシェード（暗色系）
| #C3941D | #AD831A | #977317 | #816213 | #6A5110 | #54400D | #3E2F09 | #281E06 |
Goldenrodのティント（淡色系）
| #E1AF33 | #E4B849 | #E7C15F | #EAC975 | #EED28C | #F1DBA2 | #F4E3B8 | #F8ECCE |
カラーペアリングとハーモニー
|
補色
#2055D9
|
類似色 +30°
#B1D920
|
類似色 −30°
#D94920
|
トライアド +120°
#20D9A5
|
トライアド −120°
#A520D9
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
2.24:1 — 不合格
黒（#000000）との対比
9.38:1 — 通常テキストでAAAパス
CSSスニペット
.element {
color: #DAA520;
}
.element-bg {
background-color: #DAA520;
color: #000000;
}
.element-border {
border: 2px solid #DAA520;
}
Goldenrodについて
Goldenrodはhsl(43, 74%, 49%)（色相43°、彩度74%、明度49%）で定義される中間の明度のの高い彩度カラーで、HEXコードは#DAA520です。正確なカラーモデル値はRGBでrgb(218, 165, 32)、HSLでhsl(43, 74%, 49%)です。白背景でのコントラスト比は2.24:1 — 不合格、黒背景では9.38:1 — 通常テキストでAAAパスです。GoldenrodはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
GoldenrodのRGB値は何ですか？
Goldenrod（#DAA520）のRGB値は rgb(218, 165, 32) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
Goldenrodは白背景でアクセシブルですか？
Goldenrodと白（#FFFFFF）のコントラスト比は 2.24:1 — 不合格 です。黒（#000000）との比は 9.38:1 — 通常テキストでAAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
Goldenrodに合う色は何ですか？
カラー理論に基づくと、Goldenrod（hsl(43, 74%, 49%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。