カラーコードとパレット
ゴールドのカラーコード
ゴールドは #FFD700 の鮮やかな黄橙色です。画面上では報酬、お祝い、プレミアムな地位を表し、広い面よりも小さなアクセントとして使う方が洗練された印象になります。
ゴールド
#FFD700
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Gold 50 | #FFFBE5 | 255, 251, 229 | 51, 100%, 95% | ||
| Gold 100 | #FFF4B3 | 255, 244, 179 | 51, 100%, 85% | ||
| Gold 200 | #FFEC80 | 255, 236, 128 | 51, 100%, 75% | ||
| Gold 300 | #FFE44D | 255, 228, 77 | 51, 100%, 65% | ||
| Gold 400 | #FFDD1A | 255, 221, 26 | 51, 100%, 55% | ||
| Gold 500 | #E6C300 | 230, 195, 0 | 51, 100%, 45% | ||
| Gold 600 | #B39800 | 179, 152, 0 | 51, 100%, 35% | ||
| Gold 700 | #806C00 | 128, 108, 0 | 51, 100%, 25% | ||
| Gold 800 | #4D4100 | 77, 65, 0 | 51, 100%, 15% | ||
| Gold 900 | #1A1600 | 26, 22, 0 | 51, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 1.40:1
不合格
Aa 黒い文字 14.97:1
AAA
ゴールドの使い方
受賞、評価、プレミアムのバッジ
お祝いのグラフィック
ネイビー、ブラック、マルーンとのアクセント
ゴールド と相性のよい色
#FFD700 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。