颜色代码与配色
棕色色值与色阶
棕色为数字配色带来材质感、温暖与稳定。沙色、焦糖色和浓缩咖啡色可自然搭配奶油色、绿色和低饱和橙色。
棕色 #A16207
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#A16207 RGB
rgb(161, 98, 7) HSL
hsl(35, 92%, 33%) OKLCH
oklch(55.0% 0.121 66.0) 棕色为数字配色带来材质感、温暖与稳定。沙色、焦糖色和浓缩咖啡色可自然搭配奶油色、绿色和低饱和橙色。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Cream | #FFFBEB | ||
| Vanilla | #FEF3C7 | ||
| Beige | #FDE68A | ||
| Sand | #FCD34D | ||
| Tan | #FBBF24 | ||
| Camel | #F59E0B | ||
| Amber | #D97706 | ||
| Bronze | #B45309 | ||
| Brown | #92400E | ||
| Dark Brown | #78350F | ||
| Sepia Light | #FEF2F2 | ||
| Blush Brown | #FEE2E2 | ||
| Taupe Light | #FECACA | ||
| Taupe | #FCA5A5 | ||
| Cocoa | #F87171 | ||
| Terracotta | #EF4444 | ||
| Rust | #DC2626 | ||
| Brick | #B91C1C | ||
| Mahogany | #991B1B | ||
| Espresso | #7F1D1D |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
棕色的使用场景
01
食品、工艺与传统品牌
02
天然产品包装
03
暖色背景和文字强调