金色のカラーコード（メタリックゴールドCSS）

本物の金は1つの色相ではなく輝きで決まるため、金色は画面で表現するのがいちばん難しい色です。このページでは、CSSのgoldとゴールデンロッド類に、メタリックゴールド、オールドゴールド、ベガスゴールド、サテンシーンゴールド、シャンパンなどを加えた金色16色を、HEX・RGB・HSL・CMYKのコードとともに紹介します。金属のように見えるCSSグラデーションもそのまま使え、本物の金色が必要なときに印刷会社へ何を頼めばよいかも説明します。

使い方

1. 金色系の色を選びます。
2. HEX、RGB、HSL、CMYKのコードをコピーします。
3. Webで輝く質感を出すには、単色ではなくメタリックゴールドのCSSグラデーションをコピーします。
4. 合わせて使う明るい金色や暗い金色には、明るい版と暗い版の表を使います。

計算式

金属らしい見た目 ＝ linear-gradient(135deg, 暗色 → 基準色 → ハイライト → 基準色 → 暗色)。単色のコード：HSLとCMYKはRGB値から標準的な式で求めます。

グラデーションには #8a6e2f（深いブロンズ）、#d4af37（メタリックゴールド）、#f9e79f（ハイライト）を使います。角度を変えると「光源」が動きます。

計算例

メタリックゴールドは #D4AF37 ＝ rgb(212, 175, 55) ＝ hsl(45.9, 64.6%, 52.4%) です。補色はロイヤルブルー系の #375CD4 で、紋章や賞状でよく使われる組み合わせです。CSSのgold（#FFD700）はずっと明るく黄色みが強く、簡易CMYKではC 0、M 15.7、Y 100、K 0です。