米色——含義、調色板、互補色和和諧

探索顏色 淺褐色的: 心理學, 色輪補充, 類似的, 三元的),可訪問 顏色組合和準備好的調色板。之間轉換 十六進位, RGB, 和 HSL,複製 CSS 變量,然後下載調色板 PNG。

米色 色輪 互補色 色彩和諧 中性調色板

提示:按 進入 在任何字段中更新所有值。

米色一覽

意義與心理學

米色喚起平靜、溫暖、簡約和精緻。這種中性適合簡約的用戶界面、室內設計、美容和生活方式品牌以及編輯佈局。

對比度和易讀性

米色很淡。在米色表面上使用深色文字;將米色與木炭色、海軍藍或深綠色搭配,以達到按鈕和標題的 WCAG 對比度。

對比檢查(白色)
對比檢查(黑色)

米色調色板

自動生成 色調 (更白), 色調 (更黑),以及 音調 (更多灰色)。單擊任意樣本以復制十六進製或將所有樣本導出為 CSS 變量。您還可以下載調色板 PNG。

色調

色調

音調

色輪和諧

探索 補充 對, 類似的 鄰居,以及 三元的 這套米色。這些組合可幫助您找到搭配得當的顏色。

補充

對立產生對比;深色、酷色的搭配有助於米色的流行。

類似的

溫暖的鄰居感覺很舒適——在背景和漸變中使用。

三元組

均勻分佈的色調為儀表板提供了平衡的多樣性。

特徵

  • 同步 十六進制 ↔ RGB ↔ HSL 轉換。
  • 生成的調色板: 色調, 色調, 音調
  • 色輪和諧: 補充, 類似的, 三元的
  • 一鍵式 CSS 變量 並可下載 PNG 調色板。

應用領域

米色支持簡約設計、編輯佈局、美容/生活方式品牌和電子商務產品卡。與木炭色、海軍藍、橄欖色、森林綠或柔和的李子色搭配,形成對比。謹慎保留飽和的口音以保持中性的感覺。

如何使用

  1. 輸入十六進制(例如 #F5F5DC) 或 RGB/HSL 值並按 進入
  2. 單擊任何樣本以復制其十六進制。使用互補或三元組進行對比。
  3. 下載調色板 PNG 或複制適用於您的設計系統的 CSS 變量。
  4. 檢查對比度(白/黑)以保持米色 UI 上的文本可讀。

常問問題

哪些顏色適合米色?

木炭色、海軍藍、森林綠、柔和的李子色和深青色。對於柔和的搭配,可以添加暖色調的奶油色和棕褐色,形成單色堆疊。

米色的相反顏色是什麼?

在 RGB/HSL 輪上,相反的青藍色可提供最高的感知對比度。由於米色淺且彩度低,因此應選擇更深的補色。

米色適合正文嗎?

在米色背景上使用深色文本,而不是在白色上使用米色文本。米色非常適合用作表面、卡片或側邊欄顏色。

內容上次更新時間:2025 年 11 月 18 日。