图像转换器


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

探索 栗色: 色彩心理学 色轮 （互补、类似、三元）、可访问 颜色组合和准备好的调色板。转变 十六进制, RGB, HSL，复制 CSS 变量，然后下载调色板 PNG。

栗色 色轮 互补色 色彩和谐 品牌调色板

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

栗色一览

意义与心理学

栗色象征着传统、深度和成熟。它广泛应用于时尚、社论、高等教育、葡萄酒、酒店和奢侈品牌。

对比度和易读性

在浅色背景上，栗色为标题和按钮提供了鲜明的对比。在栗色块上添加灰白色文本，打造精致外观。

对比检查（白色）
—
对比检查（黑色）
—

栗色调色板

自动生成 色调 （更白）， 色调 （更黑），以及 音调 （更多灰色）。单击任意样本以复制十六进制或将所有样本导出为 CSS 变量。您还可以下载调色板 PNG。

色调

色调

音调

色轮和谐

探索 补充 对， 类似的 邻居，以及 三元的 从这个栗色开始。这些组合可帮助您找到搭配得当的颜色。

补充

对比鲜明，对比强烈；浓郁的凉爽绿色让栗色变得流行。

类似的

红紫色到红橙色的邻居给人一种温暖的编辑氛围。

三元组

均匀的间距可以在仪表板和图表中产生平衡的对比度。

特征

  • 同步 十六进制 ↔ RGB ↔ HSL 转换。
  • 生成的调色板： 色调, 色调, 音调。
  • 色轮和谐： 补充, 类似的, 三元的。
  • 一键式 CSS 变量 并可下载 PNG 调色板。

应用领域

使用栗色来表达高级口音、标题和号召性用语。可与灰白色、米色、沙色、木炭色、深绿色或柔和的青色搭配。对于数据视觉效果，三元组可以提供清晰的差异化，同时保持精致的情绪。

如何使用

  1. 输入十六进制（例如 #800000) 或 RGB/HSL 值并按 进入。
  2. 单击任何样本以复制其十六进制。尝试互补或三元组进行对比。
  3. 下载调色板 PNG 或复制适用于您的设计系统的 CSS 变量。
  4. 检查对比度（白/黑）以保持栗色 UI 中文本的可读性。

常问问题

栗色和什么颜色搭配比较好？

米白色、米色、奶油色、木炭色、板岩色、森林绿、深青色和柔和的金色。

栗色的相反颜色是什么？

RGB/HSL 轮上相反的青绿色可提供最强的对比度。为品牌按钮选择更深的冷绿色。

栗色适合正文吗？

栗色作为白色的正文也可以；确认对比度。为了安全起见，请将标题、重音符号和组成部分保留为栗色。

内容上次更新时间：2025 年 11 月 18 日。