chocolate 是什么颜色？#D2691E 代码与 RGB/HSL 值
#D2691Echocolate配黑色文字最清晰
HEX
#D2691E
十六进制
RGB
210, 105, 30
红绿蓝 0–255
HSL
25, 75%, 47%
色相/饱和/明度
与白色对比度
3.63:1
浅底文字对比不足
与黑色对比度
5.78:1
可作深底文字色
WCAG 相对亮度
0.2390
0（黑）至 1（白）
chocolate（#D2691E）是 CSS Color Module Level 4 定义的命名颜色，属于橙棕系。其 RGB 三通道值为 rgb(210, 105, 30)，HSL 等价表示为 hsl(25, 75%, 47%)。三种写法在浏览器中渲染结果完全一致，选择哪种取决于团队习惯与可读性需求。
典型用途
- 警示横幅、倒计时与优惠券等场景常用橙棕系
- 棕色系（brown/sienna/peru）在食品、皮革类页面中作大地色基调
- 在 CSS 中直接写 color: rebeccapurple 之类的关键字，或使用其 HEX/RGB/HSL 等价表示，均可得到相同渲染结果。
橙棕系其他颜色
antiquewhite#faebd7bisque#ffe4c4blanchedalmond#ffebcdburlywood#deb887chocolate#d2691ecoral#ff7f50darkgoldenrod#b8860bdarkorange#ff8c00darksalmon#e9967afloralwhite#fffaf0goldenrod#daa520lightsalmon#ffa07alinen#faf0e6moccasin#ffe4b5navajowhite#ffdeadoldlace#fdf5e6orange#ffa500orangered#ff4500papayawhip#ffefd5peachpuff#ffdab9peru#cd853fsaddlebrown#8b4513sandybrown#f4a460seashell#fff5eesienna#a0522dtan#d2b48cwheat#f5deb3
与 chocolate 最接近的颜色
按 RGB 三通道欧氏距离排序，取全表 148 色中最近 4 个。
常见问题
chocolate 的十六进制代码是什么？
chocolate 的 HEX 代码为 #D2691E，等价于 rgb(210, 105, 30) 与 hsl(25, 75%, 47%)。CSS 中直接写 color: chocolate 即可使用，无需手动转换。
在 chocolate 背景上用什么颜色的文字？
按 WCAG 对比度计算：chocolate 与白色的对比度为 3.63:1，与黑色的对比度为 5.78:1，因此黑色文字对比度更高，浅色场景更清晰。正文建议对比度不低于 4.5:1。
chocolate 是否所有浏览器都支持？
是。chocolate 属于 CSS 命名颜色规范（CSS Color Module Level 4），所有现代浏览器与历史版本均支持，可放心用于生产环境。
十六进制大小写有区别吗？
没有区别。#D2691E 与 #d2691e 完全等价，CSS 规范对十六进制颜色的大小写不敏感，团队只需统一一种书写风格。