ZH
我的工具

棕色色号(34 种棕色)

巧克力色、咖啡色、栗色、西耶那棕、棕土色、乌贼墨褐、桃花心木色等 34 种棕色的 HEX、RGB、HSL 和 CMYK 代码,以及浅色、深色版本和互补色。

我的工具 →
广告

棕色其实是低饱和度的深橙色或深红色,所以它的色调从偏红的栗色、桃花心木色,到偏黄的棕褐色、赭黄色,变化很大。本页列出了 34 种有名称的棕色——9 种 CSS 能按名称识别的棕色(如 saddlebrown、sienna、chocolate、peru),以及咖啡色、奶咖色、栗色、棕土色、乌贼墨褐、赤褐色、青铜色、铜色——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 代码、浅色与深色版本,以及每种颜色最适合搭配的文字颜色。

使用方法

  1. 从列表中选择一种棕色。
  2. 从结果中复制它的 HEX、RGB、HSL 或 CMYK 代码。
  3. 用浅色与深色表获取更浅和更深的版本。
  4. 在完整表格中比较所有棕色,或下载色卡图。

计算公式

浅色 = c + (255 − c) × p · 深色 = c × (1 − p) · 互补色 = HSL 色相 + 180°

c 是 RGB 各通道,p 是混合量(15–75%)。CMYK 使用简单公式 K = 1 − max(R′, G′, B′);印刷机用 ICC 配置文件转换,数值可能不同。

示例

马鞍棕(saddlebrown)是 #8B4513 = rgb(139, 69, 19),hsl(25, 75.9%, 31%)——低明度的橙色色相,眼睛会把它读作棕色。白字叠在上面可达 7.09:1。咖啡色 #6F4E37 用简单公式换算为 CMYK 0%、29.7%、50.5%、56.5%。

常见问题

为什么 CSS 的“brown”看起来偏红?

CSS 关键字 brown(#A52A2A)来自旧的 X11 颜色列表,那里把它定义为色相 0° 的深红棕色。多数人想象中的棕色更接近马鞍棕 #8B4513 或传统棕色 #964B00。

色轮上有棕色吗?

作为纯色相并没有。棕色是低明度、中等饱和度的橙色、红色或黄色——把橙色 #FF8000 调暗,就得到传统棕色 #964B00(色相 30°)。

棕土色和西耶那棕有什么区别?

两者都是土质颜料。生棕土色 #826644 是偏冷、偏绿的棕色,熟棕土色 #8A3324 是更深的红棕色;熟赭色 #E97451 是明亮的橙棕色。CSS 的 sienna(#A0522D)介于它们之间。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 棕色色号(34 种棕色). https://kakao.mobile/zh/tools/brown-color-code/

MLA

“棕色色号(34 种棕色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/brown-color-code/.

广告