跳转到主要内容
Calcton

brown 是什么颜色?#A52A2A 代码与 RGB/HSL 值

#A52A2Abrown配白色文字最清晰
HEX
#A52A2A
十六进制
RGB
165, 42, 42
红绿蓝 0–255
HSL
0, 59%, 41%
色相/饱和/明度
与白色对比度
7.08:1
可作浅底文字色
与黑色对比度
2.96:1
深底文字对比不足
WCAG 相对亮度
0.0982
0(黑)至 1(白)

brown(#A52A2A)是 CSS Color Module Level 4 定义的命名颜色,属于红色系。其 RGB 三通道值为 rgb(165, 42, 42),HSL 等价表示为 hsl(0, 59%, 41%)。三种写法在浏览器中渲染结果完全一致,选择哪种取决于团队习惯与可读性需求。

典型用途

  1. 错误提示、删除按钮与价格促销等强提示场景常用红色系
  2. 深红(如 firebrick)比纯红更耐看,大面积背景建议降低明度
  3. 在 CSS 中直接写 color: rebeccapurple 之类的关键字,或使用其 HEX/RGB/HSL 等价表示,均可得到相同渲染结果。

红色系其他颜色

与 brown 最接近的颜色

按 RGB 三通道欧氏距离排序,取全表 148 色中最近 4 个。

常见问题

brown 的十六进制代码是什么?

brown 的 HEX 代码为 #A52A2A,等价于 rgb(165, 42, 42) 与 hsl(0, 59%, 41%)。CSS 中直接写 color: brown 即可使用,无需手动转换。

在 brown 背景上用什么颜色的文字?

按 WCAG 对比度计算:brown 与白色的对比度为 7.08:1,与黑色的对比度为 2.96:1,因此白色文字对比度更高,深色场景更清晰。正文建议对比度不低于 4.5:1。

brown 是否所有浏览器都支持?

是。brown 属于 CSS 命名颜色规范(CSS Color Module Level 4),所有现代浏览器与历史版本均支持,可放心用于生产环境。

十六进制大小写有区别吗?

没有区别。#A52A2A 与 #a52a2a 完全等价,CSS 规范对十六进制颜色的大小写不敏感,团队只需统一一种书写风格。

相关工具

搜索计算器

搜索全站计算器、分类与页面,回车直达