米色——含义、调色板、互补色和和谐

探索颜色 浅褐色的: 心理学, 色轮补充, 类似的, 三元的),可访问 颜色组合和准备好的调色板。之间转换 十六进制, 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 日。