石板灰

名稱來自用作屋頂材料和早期學校黑板的岩石「板岩」。這是以藍色為底的中灰色。在CSS中稱為slategray。

又稱：板岩灰, 石板色

石板灰 · #708090

石板灰的基本資訊

石板灰（#708090）是冷色系、中等亮度、低彩度的顏色，屬於灰色系。RGB 值為紅 112、綠 128、藍 144（各 255 階）。常見用途：室內設計, 建築, 網頁。

石板灰的深淺：亮色調與暗色調

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

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

石板灰的色彩和諧配色

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

互補色相近顏色：岩石灰

類似色相近顏色：煙灰色

三等分配色相近顏色：灰色, 鼠尾草綠

分裂互補色相近顏色：摩卡色, 岩石灰

四角配色相近顏色：丁香紫, 岩石灰, 鼠尾草綠

使用石板灰的配色色票

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

單色配色 · 石板灰

類似色配色 · 石板灰

互補色配色 · 石板灰

三等分配色 · 石板灰

搭配中性色配色 · 石板灰

搭配強調色配色 · 石板灰

石板灰與文字顏色的對比

白色文字對比度 4.1:1 · AA（大字）

黑色文字對比度 5.2:1 · AA

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

CSS 程式碼

:root {
  --slate-gray: #708090;
  --slate-gray-rgb: 112, 128, 144;
}
.bg { background-color: var(--slate-gray); }
.text { color: var(--slate-gray); }

和石板灰相近的顏色

鋼灰色鉛灰色灰色藍灰色煙灰色岩石灰深灰色鋼藍色石墨灰蔚藍色

使用這個顏色的主題配色

其他灰色系

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

常見問題

石板灰的色碼是多少？

石板灰的 HEX 色碼是 #708090。RGB 為 rgb(112, 128, 144)，HSL 為 hsl(210, 13%, 50%)，CMYK 為 22, 11, 0, 44。

石板灰的互補色是什麼？

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

在石板灰上放白色文字好閱讀嗎？

建議改用黑色文字。和白色的對比度只有 4.1:1，和黑色則有 5.2:1。