配色調色盤

米色

原本是法文中指未染色羊毛的字。是介於白色和棕色之間、非常明亮的色調。在牆面、基本款服飾和網站背景中,是最受歡迎的中性色之一。

又稱:米黃色, 淺駝色

米色 · #F5F5DC

米色的基本資訊

米色(#F5F5DC)是暖色系、偏亮、中等飽和度的顏色,屬於咖啡色系。RGB 值為紅 245、綠 245、藍 220(各 255 階)。常見用途:室內設計, 時尚, 網頁。

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

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

和米色搭配的顏色

白色乾淨明亮,呈現極簡的印象。咖啡色形成溫暖又有質感的大地色配色。橄欖綠帶來自然放鬆的氛圍。海軍藍低調又經典的對比。黑色讓米色變得更現代、更俐落。赤陶色增添地中海風的溫暖。鼠尾草綠室內設計中很受歡迎的柔和組合。金色以恰到好處的奢華感提升米色的質感。
米色在穿搭與居家布置的搭配方式 →

米色的色彩和諧配色

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

互補色相近顏色:淺丁香紫
類似色相近顏色:亞麻白
三等分配色相近顏色:煙白色, 馬卡龍粉
分裂互補色相近顏色:白金色, 淺丁香紫
四角配色相近顏色:雪花石膏白, 淺丁香紫, 馬卡龍粉

使用米色的配色色票

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

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

米色與文字顏色的對比

白色文字對比度 1.1:1 · 不建議
黑色文字對比度 19.0:1 · AAA

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

CSS 程式碼

:root {
  --beige: #F5F5DC;
  --beige-rgb: 245, 245, 220;
}
.bg { background-color: var(--beige); }
.text { color: var(--beige); }

和米色相近的顏色

蛋殼白本白色象牙白古董白香檳色珍珠白雪花石膏白亞麻白骨白色奶油色

使用這個顏色的主題配色

其他咖啡色系

棕色咖啡色巧克力色桃花心木色栗色肉桂色棕褐色赭黃色焦糖色駝色摩卡色卡其色沙色裸色古銅色菸草色赭石色拿鐵色

常見問題

米色的色碼是多少?

米色的 HEX 色碼是 #F5F5DC。RGB 為 rgb(245, 245, 220),HSL 為 hsl(60, 56%, 91%),CMYK 為 0, 0, 10, 4。

米色的互補色是什麼?

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

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

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

米色和什麼顏色搭配?

適合搭配的顏色:白色, 咖啡色, 橄欖綠, 海軍藍, 黑色。避免和淡黃色或極淺的灰綠色搭配,看起來會灰暗褪色。另外,全身米色的話,一定要變化色調或材質。