悬停标题文本和背景的本地/默认颜色

3

在Chrome/Firefox中,将光标悬停在元素上会显示其标题,背景为黄色,文本为黑色。

有人知道每个颜色的确切HEX或RGB值吗?

谢谢, Tim


1
这取决于操作系统,您使用的是Linux、Windows还是Mac? - Ryan
关于这个问题,Windows系统中的颜色并不是黄色,而是从白色到灰色的渐变,并带有黑色。 - leopic
是的,这是一种不错的颜色。有时我也会想知道它是什么颜色。但我们不能查看源代码,至少我不知道在哪里可以查看。 - Ryan
Mac,感谢@LEOPiC对Windows的澄清。如果有人知道任何默认设置,那就太好了... - tim peterson
3个回答

14

进行屏幕截图,在Photoshop中打开,使用取色器查找数值。

在OSX / Chrome上,提示工具的黄色背景为:

#ffffca

在OSX/Chrome中,工具提示文本为:

#000023
在OSX/FF中,工具提示的黄色背景是:
#feffcd

在OSX/FF中,工具提示文本为:

#000

实际上在Chrome背景中某些点存在轻微的变化,它不是纯粹的固体颜色。我不确定会导致这种异常的原因。但我采用的十六进制值是最一致的,任何变化都可以忽略。

文本当然是反走样的,并且值是从我认为是文本最暗区域取得的,这将对应于其实际的RGB/HEX值。


1
最棒的浏览器插件是ColorZilla,适用于Firefox和Chrome。 - arttronics
@arttronics 谢谢,我已经安装了它,我相信它会节省时间!但在这种特定情况下并不起作用,因为当你将鼠标/选择器移动到工具提示上时,它会立即消失。 - Jonathan Nicol
当它消失时,颜色将保存到剪贴板。右键单击网页并选择ColorZilla(Webpage DOM Color Analyzer),即可查看每个CSS样式的颜色信息。 - arttronics
我在OSX/Chrome中没有你描述的上下文右键单击选项。ColorZilla菜单确实有“网页颜色分析器”选项,但我不认为它按照你所描述的方式工作。它显示页面上的所有CSS颜色,但不包括工具提示颜色,因为工具提示是由浏览器本身定义的,而不是网页? - Jonathan Nicol
啊,我错过了关于浏览器本地工具提示颜色方案的部分。现在我明白你说的是什么了。干杯! - arttronics

3

Windows工具提示背景的十六进制颜色值:

FFFFE1

Linux的十六进制颜色值:

F6F6B9

Windows工具提示背景的RGB颜色值:

(255,255,225)

Linux提示框背景的RGB颜色数值:

(246,246,185)

1
这是我第一次看到两个不同的十六进制颜色共享相同的RGB颜色(#ffffff和#ffffe1),而且它们都是正确的!http://www.colorhexa.com/ffffe1 http://www.colorhexa.com/ffffff - leopic

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接