銀色（シルバー）のカラーコード

画面上の銀色は、実際には明るくわずかに冷たい灰色です。金属らしく見せるのは、表面を横切るハイライトです。このページでは、CSSの silver（#C0C0C0）とそれに最も近いCSSの灰色3色に、メタリックシルバー、プラチナ、シルバーチャリス、ローマンシルバー、ソニックシルバーなどの名前付きの値を加えた銀色15色を、HEX、RGB、HSL、HSV、CMYK、OKLCHのコードで紹介します。各色について、ライブプレビュー付きのメタリックなCSSグラデーションも作成し、印刷会社に何を依頼すればよいかも説明します。

使い方

1. 銀色系の色を選びます。
2. 単色で使うときは、HEX、RGB、HSL、CMYKのコードをコピーします。
3. Webで光沢のある面にしたいときは、代わりにメタリックシルバーのCSSグラデーションをコピーします。
4. 印刷ではメタリックインクや箔押しを依頼し、CMYKの値は校正用にだけ使ってください。

計算式

メタリックな見た目 = linear-gradient(135deg, 暗 → 基準色 → ハイライト → 基準色 → 中暗 → 暗)。暗 = 基準色 × 0.55、中暗 = 基準色 × 0.75、ハイライト = 基準色 + (255 − 基準色) × 0.8 をRGBの各チャンネルに適用します。

HSLとCMYKはRGBの値から標準の式で計算します。ここでのCMYKはプロファイルを使わない値なので、印刷会社が調整することがあります。グラデーションの角度を変えると、想定する光源の位置が動きます。

計算例

メタリックシルバーは #AAA9AD = rgb(170, 169, 173) = hsl(255, 2.4%, 67.1%) で、ごくわずかに青みがかった灰色です。単純なCMYKでは C 1.7、M 2.3、Y 0、K 32.2 です。CSSの silver #C0C0C0 はより明るく（明度75.3%）、グラデーションは #6a6a6a から #f2f2f2 のハイライトを経て進みます。ソニックシルバー #757575 はここで最も暗い2色のうちの1つ（ニッケル #727472 だけがより暗い）で、白い文字のコントラストは 4.6:1 と、最低基準の 4.5:1 をわずかに上回ります。