blueviolet 是什么颜色?#8A2BE2 代码与 RGB/HSL 值
#8A2BE2blueviolet配白色文字最清晰
HEX
#8A2BE2
十六进制
RGB
138, 43, 226
红绿蓝 0–255
HSL
271, 76%, 53%
色相/饱和/明度
与白色对比度
5.96:1
可作浅底文字色
与黑色对比度
3.52:1
深底文字对比不足
WCAG 相对亮度
0.1262
0(黑)至 1(白)
blueviolet(#8A2BE2)是 CSS Color Module Level 4 定义的命名颜色,属于紫粉系。其 RGB 三通道值为 rgb(138, 43, 226),HSL 等价表示为 hsl(271, 76%, 53%)。三种写法在浏览器中渲染结果完全一致,选择哪种取决于团队习惯与可读性需求。
典型用途
- 会员体系、创意与奢侈品页面常用紫粉系
- rebeccapurple 是唯一以人名命名的 CSS 命名色,用于纪念 Rebecca Meyer
- 在 CSS 中直接写 color: rebeccapurple 之类的关键字,或使用其 HEX/RGB/HSL 等价表示,均可得到相同渲染结果。
紫粉系其他颜色
blueviolet#8a2be2darkmagenta#8b008bdarkorchid#9932ccdarkviolet#9400d3deeppink#ff1493fuchsia#ff00ffhotpink#ff69b4indigo#4b0082lavenderblush#fff0f5magenta#ff00ffmediumorchid#ba55d3mediumpurple#9370dbmediumvioletred#c71585orchid#da70d6palevioletred#db7093plum#dda0ddpurple#800080rebeccapurple#663399thistle#d8bfd8violet#ee82ee
与 blueviolet 最接近的颜色
按 RGB 三通道欧氏距离排序,取全表 148 色中最近 4 个。
常见问题
blueviolet 的十六进制代码是什么?
blueviolet 的 HEX 代码为 #8A2BE2,等价于 rgb(138, 43, 226) 与 hsl(271, 76%, 53%)。CSS 中直接写 color: blueviolet 即可使用,无需手动转换。
在 blueviolet 背景上用什么颜色的文字?
按 WCAG 对比度计算:blueviolet 与白色的对比度为 5.96:1,与黑色的对比度为 3.52:1,因此白色文字对比度更高,深色场景更清晰。正文建议对比度不低于 4.5:1。
blueviolet 是否所有浏览器都支持?
是。blueviolet 属于 CSS 命名颜色规范(CSS Color Module Level 4),所有现代浏览器与历史版本均支持,可放心用于生产环境。
十六进制大小写有区别吗?
没有区别。#8A2BE2 与 #8a2be2 完全等价,CSS 规范对十六进制颜色的大小写不敏感,团队只需统一一种书写风格。