配色調色盤

鋼灰色

像未經拋光的鋼鐵,帶冷調光澤的中灰色。傳達力量感和精準度。常用於工業品牌、工具和街頭服飾。

又稱:鋼鐵灰, 鋼色

鋼灰色 · #71797E

鋼灰色的基本資訊

鋼灰色(#71797E)是中性色、中等亮度、接近無彩色的顏色,屬於灰色系。RGB 值為紅 113、綠 121、藍 126(各 255 階)。常見用途:工業, 科技, 時尚。

鋼灰色的深淺:亮色調與暗色調

由淺到深依序排列。點一下顏色就能複製色碼。

鋼灰色的色彩和諧配色

依據色環產生的配色。到色彩和諧工具可以試試更多組合。

互補色相近顏色:灰色
類似色相近顏色:鉛灰色
三等分配色相近顏色:鉛灰色, 煙灰色
分裂互補色相近顏色:鉛灰色, 煙灰色
四角配色相近顏色:鉛灰色, 灰色, 煙灰色

使用鋼灰色的配色色票

可以直接複製色碼,或在編輯器中開啟自由調整。

單色配色 · 鋼灰色
類似色配色 · 鋼灰色
互補色配色 · 鋼灰色
三等分配色 · 鋼灰色
搭配中性色配色 · 鋼灰色
搭配強調色配色 · 鋼灰色

鋼灰色與文字顏色的對比

白色文字對比度 4.4:1 · AA(大字)
黑色文字對比度 4.7:1 · AA

依據 WCAG 2.1 標準。其他顏色組合可以用對比檢查工具確認。

CSS 程式碼

:root {
  --steel-gray: #71797E;
  --steel-gray-rgb: 113, 121, 126;
}
.bg { background-color: var(--steel-gray); }
.text { color: var(--steel-gray); }

和鋼灰色相近的顏色

鉛灰色灰色石板灰煙灰色岩石灰深灰色藍灰色石墨灰炭灰色牛津灰

使用這個顏色的主題配色

其他灰色系

灰色淺灰色深灰色銀色炭灰色石板灰灰燼色珍珠灰牛津灰石墨灰灰褐色鉛灰色煙灰色岩石灰白金色藍灰色灰米色

常見問題

鋼灰色的色碼是多少?

鋼灰色的 HEX 色碼是 #71797E。RGB 為 rgb(113, 121, 126),HSL 為 hsl(203, 5%, 47%),CMYK 為 10, 4, 0, 51。

鋼灰色的互補色是什麼?

在色環上位於對面的互補色是 #7E7671,色調接近灰色。少量用來當強調色,就能做出強烈的對比。

在鋼灰色上放白色文字好閱讀嗎?

建議改用黑色文字。和白色的對比度只有 4.4:1,和黑色則有 4.7:1。