配色調色盤

灰色

剛好介於白色和黑色之間的顏色。中性又平衡,能襯托其他顏色。常用於輔助文字、基本款服飾和現代風室內設計。

又稱:中灰色, 灰

灰色 · #808080

灰色的基本資訊

灰色(#808080)是中性色、中等亮度、接近無彩色的顏色,屬於灰色系。RGB 值為紅 128、綠 128、藍 128(各 255 階)。常見用途:網頁, 室內設計, 時尚, 品牌設計。

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

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

和灰色搭配的顏色

白色乾淨又極簡的組合。黑色俐落又現代的配色。黃色讓灰色變明亮的活潑跳色。莫蘭迪粉柔和又現代的組合。海軍藍優雅專業的印象。芥末黃為冷調的基底增添溫度。鼠尾草綠沉穩自然的配色。酒紅色有深度又優雅的強調色。
灰色在穿搭與居家布置的搭配方式 →

灰色的色彩和諧配色

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

互補色
類似色
三等分配色
分裂互補色
四角配色

使用灰色的配色色票

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

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

灰色與文字顏色的對比

白色文字對比度 3.9:1 · AA(大字)
黑色文字對比度 5.3:1 · AA

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

CSS 程式碼

:root {
  --gray: #808080;
  --gray-rgb: 128, 128, 128;
}
.bg { background-color: var(--gray); }
.text { color: var(--gray); }

和灰色相近的顏色

煙灰色鋼灰色鉛灰色岩石灰石板灰深灰色藍灰色灰米色石墨灰摩卡色

使用這個顏色的主題配色

其他灰色系

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

常見問題

灰色的色碼是多少?

灰色的 HEX 色碼是 #808080。RGB 為 rgb(128, 128, 128),HSL 為 hsl(0, 0%, 50%),CMYK 為 0, 0, 0, 50。

灰色的互補色是什麼?

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

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

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

灰色和什麼顏色搭配?

適合搭配的顏色:白色, 黑色, 黃色, 莫蘭迪粉, 海軍藍。避免混搭底色不同的灰,例如偏藍的灰和偏綠的灰,看起來會不協調。和偏黃的米色搭配,有時也會顯得暗沉。