aliceblue 是什么颜色?#F0F8FF 代码与 RGB/HSL 值
#F0F8FFaliceblue配黑色文字最清晰
HEX
#F0F8FF
十六进制
RGB
240, 248, 255
红绿蓝 0–255
HSL
208, 100%, 97%
色相/饱和/明度
与白色对比度
1.07:1
浅底文字对比不足
与黑色对比度
19.58:1
可作深底文字色
WCAG 相对亮度
0.9288
0(黑)至 1(白)
aliceblue(#F0F8FF)是 CSS Color Module Level 4 定义的命名颜色,属于靛蓝系。其 RGB 三通道值为 rgb(240, 248, 255),HSL 等价表示为 hsl(208, 100%, 97%)。三种写法在浏览器中渲染结果完全一致,选择哪种取决于团队习惯与可读性需求。
典型用途
- 链接、信息提示与金融科技类页面常用靛蓝系
- royalblue/cornflowerblue 适合按钮与链接,navy 适合正文强调
- 在 CSS 中直接写 color: rebeccapurple 之类的关键字,或使用其 HEX/RGB/HSL 等价表示,均可得到相同渲染结果。
靛蓝系其他颜色
aliceblue#f0f8ffblue#0000ffcornflowerblue#6495eddarkblue#00008bdarkslateblue#483d8bdodgerblue#1e90ffghostwhite#f8f8fflavender#e6e6falightskyblue#87cefalightslategray#778899lightslategrey#778899lightsteelblue#b0c4demediumblue#0000cdmediumslateblue#7b68eemidnightblue#191970navy#000080royalblue#4169e1slateblue#6a5acdsteelblue#4682b4
与 aliceblue 最接近的颜色
按 RGB 三通道欧氏距离排序,取全表 148 色中最近 4 个。
常见问题
aliceblue 的十六进制代码是什么?
aliceblue 的 HEX 代码为 #F0F8FF,等价于 rgb(240, 248, 255) 与 hsl(208, 100%, 97%)。CSS 中直接写 color: aliceblue 即可使用,无需手动转换。
在 aliceblue 背景上用什么颜色的文字?
按 WCAG 对比度计算:aliceblue 与白色的对比度为 1.07:1,与黑色的对比度为 19.58:1,因此黑色文字对比度更高,浅色场景更清晰。正文建议对比度不低于 4.5:1。
aliceblue 是否所有浏览器都支持?
是。aliceblue 属于 CSS 命名颜色规范(CSS Color Module Level 4),所有现代浏览器与历史版本均支持,可放心用于生产环境。
十六进制大小写有区别吗?
没有区别。#F0F8FF 与 #f0f8ff 完全等价,CSS 规范对十六进制颜色的大小写不敏感,团队只需统一一种书写风格。