米色——含义、调色板、互补色和和谐
探索颜色 浅褐色的: 心理学, 色轮 (补充, 类似的, 三元的),可访问 颜色组合和准备好的调色板。之间转换 十六进制, RGB, 和 HSL,复制 CSS 变量,然后下载调色板 PNG。
米色
色轮
互补色
色彩和谐
中性调色板
提示:按 进入 在任何字段中更新所有值。
米色一览
意义与心理学
米色唤起平静、温暖、简约和精致。这种中性适合简约的用户界面、室内设计、美容和生活方式品牌以及编辑布局。
对比度和易读性
米色很淡。在米色表面上使用深色文字;将米色与木炭色、海军蓝或深绿色搭配,以达到按钮和标题的 WCAG 对比度。
对比检查(白色)
—
对比检查(黑色)
—
米色调色板
自动生成 色调 (更白), 色调 (更黑),以及 音调 (更多灰色)。单击任意样本以复制十六进制或将所有样本导出为 CSS 变量。您还可以下载调色板 PNG。
色调
色调
音调
色轮和谐
探索 补充 对, 类似的 邻居,以及 三元的 这套米色。这些组合可帮助您找到搭配得当的颜色。
补充
对立产生对比;深色、酷色的搭配有助于米色的流行。
类似的
温暖的邻居感觉很舒适——在背景和渐变中使用。
三元组
均匀分布的色调为仪表板提供了平衡的多样性。
特征
- 同步 十六进制 ↔ RGB ↔ HSL 转换。
- 生成的调色板: 色调, 色调, 音调。
- 色轮和谐: 补充, 类似的, 三元的。
- 一键式 CSS 变量 并可下载 PNG 调色板。
应用领域
米色支持简约设计、编辑布局、美容/生活方式品牌和电子商务产品卡。与木炭色、海军蓝、橄榄色、森林绿或柔和的李子色搭配,形成对比。谨慎保留饱和的口音以保持中性的感觉。
如何使用
- 输入十六进制(例如
#F5F5DC) 或 RGB/HSL 值并按 进入。 - 单击任何样本以复制其十六进制。使用互补或三元组进行对比。
- 下载调色板 PNG 或复制适用于您的设计系统的 CSS 变量。
- 检查对比度(白/黑)以保持米色 UI 上的文本可读。
常问问题
哪些颜色适合米色?
木炭色、海军蓝、森林绿、柔和的李子色和深青色。对于柔和的搭配,可以添加暖色调的奶油色和棕褐色,形成单色堆叠。
米色的相反颜色是什么?
在 RGB/HSL 轮上,相反的青蓝色可提供最高的感知对比度。由于米色浅且彩度低,因此应选择更深的补色。
米色适合正文吗?
在米色背景上使用深色文本,而不是在白色上使用米色文本。米色非常适合用作表面、卡片或侧边栏颜色。
内容上次更新时间:2025 年 11 月 18 日。
