配色調色盤

暖灰色

帶一點米色或棕色的溫暖灰色。比冷灰更有親和力,很適合住家的牆面和地板。當作網頁背景色也很護眼,讓空間顯得溫暖、自在又舒適。

又稱:暖調灰

暖灰色的 HEX 色碼是 #A39E93。RGB 為 rgb(163, 158, 147),HSL 為 hsl(41, 8%, 61%),CMYK 為 0, 3, 10, 36。

實際搭配效果

選一個搭配色,看看用在服裝、居家和設計上的樣子。

和暖灰色相近的顏色

岩石灰#928E85蘑菇色#BDACA3灰米色#BEB6A8麻灰色#B6B6B4煙灰色#848884錫灰色#899499

暖灰色的基本資訊

暖灰色(#A39E93)是中性色、中等亮度、低彩度的顏色,屬於灰色系。RGB 值為紅 163、綠 158、藍 147(各 255 階)。常見用途:室內設計, 塗料, 網頁。

暖灰色的色票,以及從淺到深的色階 · #A39E93
暖灰色 · #A39E93

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

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

看看所有色階: 色階產生器

暖灰色的色彩和諧配色

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

互補色相近顏色:錫灰色
類似色
三等分配色相近顏色:錫灰色
分裂互補色相近顏色:錫灰色, 霧霾藍
四角配色相近顏色:錫灰色

使用暖灰色的配色色票

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

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

暖灰色與文字顏色的對比

白色文字對比度 2.7:1 · 不建議
黑色文字對比度 7.9:1 · AAA

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

CSS 程式碼

:root {
  --warm-gray: #A39E93;
  --warm-gray-rgb: 163, 158, 147;
}
.bg { background-color: var(--warm-gray); }
.text { color: var(--warm-gray); }

和暖灰色相近的顏色

灰燼色灰色銀色卡其色

使用這個顏色的主題配色

其他灰色系

灰色淺灰色深灰色銀色炭灰色石板灰灰燼色珍珠灰牛津灰石墨灰灰褐色鋼灰色鉛灰色煙灰色岩石灰白金色藍灰色灰米色麻灰色錫灰色
暖灰色的色票,以及從淺到深的色階 · #A39E93
暖灰色的色票,以及從淺到深的色階 · #A39E93

接著試試這個

名字配色產生器輸入名字,做出你的色彩故事調色盤名字的顏色從名字每個字的意思找出顏色自拍個人色彩診斷一張照片找出你的季型與最適合的顏色
查看所有免費工具 →

常見問題

暖灰色的色碼是多少?

暖灰色的 HEX 色碼是 #A39E93。RGB 為 rgb(163, 158, 147),HSL 為 hsl(41, 8%, 61%),CMYK 為 0, 3, 10, 36。

暖灰色的互補色是什麼?

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

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

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