beige 是什么颜色？#F5F5DC 代码与 RGB/HSL 值
#F5F5DCbeige配黑色文字最清晰
HEX
#F5F5DC
十六进制
RGB
245, 245, 220
红绿蓝 0–255
HSL
60, 56%, 91%
色相/饱和/明度
与白色对比度
1.11:1
浅底文字对比不足
与黑色对比度
18.98:1
可作深底文字色
WCAG 相对亮度
0.8988
0（黑）至 1（白）
beige（#F5F5DC）是 CSS Color Module Level 4 定义的命名颜色，属于黄色系。其 RGB 三通道值为 rgb(245, 245, 220)，HSL 等价表示为 hsl(60, 56%, 91%)。三种写法在浏览器中渲染结果完全一致，选择哪种取决于团队习惯与可读性需求。
典型用途
- 高亮标注、排行榜前三名与积分等级常用黄色系
- 黄色明度高，作文字色时对比度不足，需加深或换深色背景
- 在 CSS 中直接写 color: rebeccapurple 之类的关键字，或使用其 HEX/RGB/HSL 等价表示，均可得到相同渲染结果。
黄色系其他颜色
beige#f5f5dccornsilk#fff8dcdarkkhaki#bdb76bgold#ffd700ivory#fffff0khaki#f0e68clemonchiffon#fffacdlightgoldenrodyellow#fafad2lightyellow#ffffe0olive#808000palegoldenrod#eee8aayellow#ffff00
与 beige 最接近的颜色
按 RGB 三通道欧氏距离排序，取全表 148 色中最近 4 个。
常见问题
beige 的十六进制代码是什么？
beige 的 HEX 代码为 #F5F5DC，等价于 rgb(245, 245, 220) 与 hsl(60, 56%, 91%)。CSS 中直接写 color: beige 即可使用，无需手动转换。
在 beige 背景上用什么颜色的文字？
按 WCAG 对比度计算：beige 与白色的对比度为 1.11:1，与黑色的对比度为 18.98:1，因此黑色文字对比度更高，浅色场景更清晰。正文建议对比度不低于 4.5:1。
beige 是否所有浏览器都支持？
是。beige 属于 CSS 命名颜色规范（CSS Color Module Level 4），所有现代浏览器与历史版本均支持，可放心用于生产环境。
十六进制大小写有区别吗？
没有区别。#F5F5DC 与 #f5f5dc 完全等价，CSS 规范对十六进制颜色的大小写不敏感，团队只需统一一种书写风格。