#536267
ガンメタル

ガンメタル

Gunmetal

ガンメタルは、金属を思わせる暗いグレー系の色名です。青み・紫みを帯びて見えることがあり、色しるべではxkcd調査の #536267 を代表値として掲載します。

この色を保存・整理お気に入りや案件・作品ごとに、あとで使える状態で保存できます。
マイカラーを見る →

HEX
#536267
RGB
83, 98, 103
HSL
195.0°, 10.8%, 36.5%
CMYK参考値
19.4%, 4.9%, 0.0%, 59.6%

※ CMYKはICCプロファイルを使用しない一般的な参考換算値です。印刷条件によって値は異なります。

HEX・RGB・CMYKなどの見方数値の意味を確認する

色の数値に慣れていない方は、ここを開いて用語の意味を確認できます。

HEX

Webでよく使う #RRGGBB 形式の色表記です。

RGB

赤・緑・青の光を0〜255などの数値で表します。

HSL

色相・彩度・明度で、色の方向や鮮やかさを見やすくした表現です。

CMYK参考値

印刷用の目安です。実際の印刷色は紙・インキ・ICCプロファイルなどで変わります。

マンセル値

色相・明度・彩度で色を体系的に表す表色系の値です。資料に値がある色だけ表示します。

同じ色名でも、資料・規格・表示環境によって代表値が異なることがあります。色しるべでは、確認できる出典と数値を分けて扱います。

ガンメタルの意味

ガンメタルは、黒に近い暗いグレーを中心に、わずかに青み・紫みを感じることがある金属的な色名です。 商品・塗装・ファッションでは色幅があり、名称だけで唯一のRGB値が決まる色ではありません。色しるべではxkcd color name surveyの #536267 を代表値として採用し、他体系の同名色は資料差として区別します。

ガンメタルの名前の由来

英語の gunmetal は、もともと大砲などに使われた銅合金を指す語です。 その金属や暗く変色した金属表面を思わせる色が、gunmetal / gunmetal gray と呼ばれるようになりました。日本語では「ガンメタル」「ガンメタ」と省略して使われることがあります。

ガンメタルの歴史

gunmetal は金属・合金を表す語として古くから使われ、色名としては暗い灰色や青み・紫みを帯びた暗灰色を表します。 現代では自動車、金具、家電、ファッション、塗料などの商品色名にも広がっていますが、メーカーごとの色指定は一定ではありません。

ガンメタルと文化

現代のデザインでは、ガンメタルは金属パーツ、ホイール、金具、腕時計、家電、アクセサリーなどで使われる色名です。 光沢の有無や素材表面によって印象が大きく変わるため、単色HEXだけで実物の金属感を完全には再現できません。

ガンメタルの印象と使い方

印象・イメージ

ガンメタルは黒より少し軽く、一般的なグレーより重厚に見えやすい暗色です。 青みを含む場合はクールで硬質な印象になりやすい一方、実際の印象は光沢、素材、周囲の色、照明条件で変化します。

使われ方

Webでは色しるべ代表値 #536267 を暗いグレー系の参考色として使えます。 この値を背景にすると白文字とのコントラスト比は約6.34:1、黒文字とは約3.31:1で、通常文字では白系文字の方が読みやすい条件です。実物の塗装・金属・商品色では、メーカーの色見本や品番を優先してください。

資料による色の違い

伝統色や歴史的な色名では、資料や規格によって代表色値が異なることがあります。色しるべでは確認済みの資料値を並べ、代表値との差をΔE00でも比較します。

色資料HEXマンセル代表値との差
xkcd color name survey / RGB color list
gunmetal
#536267—ΔE00 0.00
Happy Birthday Project|366日誕生色一覧
11月14日
#55461B—ΔE00 23.97

ガンメタルに近い色

CIEDE2000による色差ΔE00を使い、近い色を「日本の伝統色」と「そのほかの登録色」に分けて表示します。

ガンメタルと近い色を数値で比べる

下の「近い色一覧」とは役割を分け、ここでは近い3色について、明るさ・鮮やかさ・色相がどう違うかを比較します。

ガンメタル
スレート
スレートとの違い

明るさは近い、鮮やかさも近い、色相差は約16.9°、分類は青系色です。

ΔE003.98明るさ差+0.010クロマ差+0.012色相差16.9°
比較ページで詳しく見る →
ガンメタル
藍鼠
藍鼠との違い

やや明るい、鮮やかさも近い、色相差は約12.1°、分類は青系色です。

ΔE005.15明るさ差+0.036クロマ差+0.012色相差12.1°
比較ページで詳しく見る →
ガンメタル
鈍色
鈍色との違い

明るさは近い、鮮やかさも近い、色相差は約44.6°色です。

ΔE006.62明るさ差+0.018クロマ差-0.017色相差44.6°
比較ページで詳しく見る →

ガンメタルから「もっと○○」な色を探す

OKLChの明るさ・クロマ・色相を基準に、現在の色から少し方向を変えた登録色を自動で選びます。

ガンメタルを使った配色

OKLChを基準に機械的に生成した配色候補です。実際の用途や文字の読みやすさに合わせて調整してください。

ガンメタルの分類

詳しい色彩データLab・LCh・OKLab・OKLCh・輝度・コントラストまで確認

ガンメタルの詳細な色彩データ

HEX#536267
RGB83, 98, 103
CMYK参考値19.4%, 4.9%, 0.0%, 59.6%
HSL195.0°, 10.8%, 36.5%
HSV195.00°, 19.42%, 40.39%
CIELABL* 40.4972 / a* -4.5080 / b* -4.7529
CIELChL* 40.4972 / C* 6.5507 / h 226.51°
OKLabL 0.485305 / a -0.015386 / b -0.012870
OKLChL 0.485305 / C 0.020059 / h 219.91°
相対輝度0.115536
白とのコントラスト6.34:1
黒とのコントラスト3.31:1
Lab・LChはsRGBからD65基準で算出しています。CMYKは印刷プロファイルを指定しない参考換算値です。

代表色値の出典・確認情報

該当箇所gunmetal
色値確認日2026-09-09

xkcd color name surveyの公開RGB一覧を参照。標準規格ではなく、参加者による一般的な色名認識の調査値。

この色についての補足

「ガンメタル」に単一の公式HEXはありません。色しるべの #536267 はxkcd color name survey由来の代表値です。11月14日の誕生色として掲載される「ガンメタル」#55461B は別体系の参考値であり、一般色の代表値とは分けて扱います。

この色をもっと調べるガンメタル

ガンメタルを、身近なモチーフに当てて見る

文章で読んだ色の特徴を、同じ基準色を使った簡易モチーフで視覚的に確認します。自然物や素材そのものの実物色を示すものではなく、色面の広がり・明暗・まとまりをつかむための補助です。

石の形で見る

不規則な面で見たときの明暗差

金属の形で見る

直線的な面で見たときの硬さ

霧の形で見る

淡い背景に広げたときの見え方

紙の形で見る

文字や図の周囲に置いたときの見え方

明るい色・暗い色は、基準HEXから明度を調整した理解用の派生色です。カードから近い登録色や関連ツールへ移動できます。

ガンメタルを背景にした文字の見え方

同じ背景色でも、白文字と黒文字では読みやすさが大きく変わります。実際の表示とコントラスト比を並べて確認できます。

色しるべ

この色を背景にして、白文字を置いたときの見え方です。

サンプルボタン
白文字とのコントラスト 6.34:1
通常本文にも使いやすい
通常本文 4.5:1 大きな文字 3:1
色しるべ

この色を背景にして、黒文字を置いたときの見え方です。

サンプルボタン
黒文字とのコントラスト 3.31:1
大きな文字向け
通常本文 4.5:1 大きな文字 3:1
この代表HEXでは、白文字の方が高コントラストです。

高い方のコントラスト比は 6.34:1 です。実際のデザインでは、文字サイズ・太さ・背景画像・透明度も含めて確認してください。

※ 数値はこのページのWeb表示用代表HEXをsRGBとして計算した目安です。通常本文4.5:1、大きな文字3:1を比較基準として表示しています。

数値を図で見る色相・彩度・明度の位置と、RGB / CMYKの構成を確認

ガンメタルの色の位置を見る

数値だけでなく、色相・鮮やかさ・明るさの位置を図で確認できます。

色相 195.0° 青の方向
彩度 10.8% かなり穏やか
無彩色に近い鮮やか
明度 36.5% 暗め
暗い明るい
#536267

青の方向にあり、 彩度はかなり穏やか、 明度は暗め位置です。

※ ここではWeb表示用の代表HEXからHSLを計算しています。資料・印刷・実物の発色とは条件が異なる場合があります。

RGBとCMYK参考値を「構成」で見る

同じ#536267でも、画面ではRGBの光、印刷ではCMYKのインキ量という別の考え方で表します。 数字だけでなく、各チャンネルの大きさを横棒で比べられます。

代表HEX #536267
SCREEN / sRGB

RGB|光の3チャンネル

加法混色
R|Red 83 / 255
32.5%
G|Green 98 / 255
38.4%
B|Blue 103 / 255
40.4%

RGBはディスプレイ上の光の成分です。3チャンネルが大きいほど光が加わります。

PRINT REFERENCE

CMYK|印刷用の参考換算

減法混色
C|Cyan 19.4%
19.4%
M|Magenta 4.9%
4.9%
Y|Yellow 0%
0.0%
K|Black 59.6%
59.6%

CMYKはICCプロファイルを使わない一般的な参考換算です。実際の印刷結果は紙・インキ・印刷機・プロファイルで変わります。

画面の色と印刷の色は、同じ数値の物差しではありません。

この図は「どの成分で色を表しているか」を学ぶためのものです。印刷色の厳密な再現や校正には、出力条件に合ったICCプロファイルと実機確認が必要です。

ガンメタルは、どれくらいの面積で使う?

同じ色でも、使う面積が変わると全体の印象は大きく変わります。 背景・主役・アクセントの3つの役割で見比べられます。

背景

ガンメタルを背景に使う

色そのものを広い面積で見せる使い方です。

基準色 70%
補助 20%
締め 10%

壁面、紙面の大きな色面、背景、布地などで、この色自体を空間の印象として見せたいときの考え方です。

主役

ガンメタルを主役に使う

周囲を抑え、この色を中心として見せる使い方です。

基準色 30%
補助 60%
締め 10%

作品の主役、見出し、家具、パッケージの主要部分など、色をしっかり見せつつ全体を支配しすぎない構成です。

アクセント

ガンメタルをアクセントに使う

少量だけ置いて、視線を集める使い方です。

基準色 10%
補助 75%
締め 15%

小物、刺繍、ボタン、図形、ポイント色など、少ない面積でこの色を効かせたいときの構成です。

60:30:10は「考え始めるための目安」です。

配色比率に絶対の正解があるわけではありません。 用途、素材、画面サイズ、照明、周囲の色によって、心地よい面積は変わります。 このページでは「大きく使う・主役にする・少量だけ効かせる」の違いを比較するための一例として表示しています。

この色を、使う場面で見る

同じ色でも、紙・布・画面・空間など使う場面によって見え方が変わります。用途別のイメージを見比べられます。

切り絵・紙もの

大きな色面と差し色の位置を、紙を重ねる感覚で確認できます。

布・刺繍

細かな色が隣り合ったときのまとまりを、布や糸のような細分化で見ます。

イラスト

背景・主役・補助色・アクセントに分けたときの見え方です。

インテリア

壁・床・家具・小物に置いたときの色面バランスをイメージできます。

文字・印刷

色しるべ 見出しと背景
色しるべ 線と文字

背景色・文字色・罫線として使ったときの雰囲気を確認できます。

色覚多様性で、この色の見え方を参考比較

#536267 を、代表的な3つの2色覚タイプで近似シミュレーションします。 色の見え方には個人差があり、ここでの表示は診断ではなく、デザイン・教材用の参考です。

元の色

元のsRGB表示

#536267

このページで採用している代表HEXです。

参考表示

P型強度の参考

1型2色覚 / Protanopia #5F6167

L錐体が機能しない2色覚を想定した参考シミュレーションです。

参考表示

D型強度の参考

2型2色覚 / Deuteranopia #5C5E67

M錐体が機能しない2色覚を想定した参考シミュレーションです。

参考表示

T型強度の参考

3型2色覚 / Tritanopia #4D6463

S錐体が機能しない2色覚を想定した参考シミュレーションです。

色だけで意味を伝えないことが重要です。

色覚タイプによっては、異なる色が近く見える場合があります。 状態・警告・分類などは、色に加えて文字、アイコン、形、線種、模様などでも区別してください。

計算方法と注意点

Machado, Oliveira & Fernandes (2009) の完全2色覚(severity 1.0)用3×3行列を使用しています。 代表HEXのsRGBを線形RGBへ変換して行列を適用し、表示用sRGBへ戻しています。

これは「実際に全員がこの色に見える」という意味ではありません。 色覚特性には程度差・個人差があり、画面環境によっても表示は変わります。 複数色の識別性を確認する場合は、単色ではなく実際の配色全体で評価する必要があります。

ガンメタルを仕事で使うときの見方

同じ色でも、画面・印刷・素材・照明で見え方は変わります。職種ごとに、まず確認したいポイントをまとめています。

Web

Web・UIデザイン

白文字との組み合わせを基準に、WCAGコントラストを確認。中明度。隣接色との明度差を確認

コントラストを比較 →
印

印刷・DTP

参考CMYK 19 / 5 / 0 / 60。実際の印刷色は用紙・インキ・ICCプロファイルで変わります。

数値を確認 →
絵

イラスト・図解

低彩度。広い面にも使いやすい。主役・背景・アクセントに置いたときの面積比も確認できます。

配色を作る →
住

インテリア・空間

小さな色見本だけで決めず、壁・床・家具など大きな面積に置いたときの明るさを確認します。

用途別で見る →
衣

ファッション・商品

素材の光沢・織り・照明で色は変化します。近い色名だけでなくHEXと色面も比較します。

近い色を探す →
研

教育・研究

色名と代表HEXを同一視せず、マンセル・Lab・OKLCh・出典・測色条件を分けて確認します。

研究データを見る →
#536267白文字を優先して確認|低彩度。広い面にも使いやすい

誕生色として登場する日付

同じ色名でも、誕生色では体系や日付によって参考HEXが異なる場合があります。

資料別比較

資料によって、この色はどれくらい違う?

「ガンメタル」について、 色しるべ採用値と資料別に確認された色値を比較します。

2 資料値
色しるべ採用値 #536267 Lab(D65) 40.50, -4.51, -4.75

色面で資料差を見る

同じ大きさの色面で並べると、数値だけでは分かりにくい資料ごとの違いを直感的に確認できます。

色しるべ採用値 #536267 比較の基準
資料 色 HEX 値の種類 採用値との差 ΔE00 確認
xkcd color name survey / RGB color list gunmetal #536267 デジタル参考値 0.00 ごく小さい差 確認済み
Happy Birthday Project|366日誕生色一覧 11月14日 #55461B デジタル参考値 23.97 非常に大きな差 確認済み

資料同士の色差

xkcd color name survey / RGB color list vs Happy Birthday Project|366日誕生色一覧

ΔE00 23.97 非常に大きな差
この比較の意味

同じ色名でも、資料・用途・規格・時代・デジタル化方法によって代表値が異なる場合があります。 ここでのΔE00は各HEXをsRGBとしてCIELAB(D65)へ変換した比較値であり、 実物試料を同一条件で分光測色した結果ではありません。 色しるべでは、資料差そのものを消さず、出典付きで確認できるようにしています。