如何将CSS颜色与PNG颜色匹配

Question

所以我有一个纯蓝色的png文件。如果我在任何油漆程序中打开它（尝试了多个），它说整个方块的颜色是rgba（126,234,242,1.0）。但是当我在一个html页面中打开PNG文件，并试图用纯CSS制作一个相同的正方形时，颜色的颜色略有不同，即使我将颜色设置为相同的rgba值。这怎么可能？我该怎么做才能将CSS方块的颜色与PNG-square相匹配？

HTML：

<img src="blue.png"/>
<div></div>

CSS：

div {
    width:100px;
    height: 100px;
    background: rgba(126,234,242,1.0);
}

图像：

我试图稍微研究一下这个主题，我相信它与颜色配置文件有关。据我所知，sRGB是与网络相关的默认颜色配置文件。但是，我已经确定我使用的绘图应用程序Krita将设置为使用sRGB，并且我都尝试检查并且不检查显示＆＃34;嵌入sRGB的框简介＆＃34;从Krita导出PNG文件时。在这两种情况下，两个方块看起来都不同。

提前致谢！

编辑：

正如Temani Afif所建议的，我使用chrome中的颜色选择器来查看rgb值。 第一广场（PNG）：rgba（165,230,241,1） 第二个方格：rgba（126,234,242,1）

正确的方法是在浏览器中而不是在绘图应用程序中选择颜色？我仍然不明白为什么颜色的显示方式不同。

编辑2：

我认为解释这个问题的现实背景可能会有所帮助。我的javascript游戏中有一个用CSS设计的菜单。菜单具有PNG背景和颜色在CSS中定义的按钮。我也有一个＆＃34;概念＆＃34; PNG，其中带有按钮的整个菜单在背景上绘制。在真正的html菜单中，背景看起来与它在概念PNG中的外观相同，我希望按钮看起来也一样。只是从概念PNG中选择rgb值并不起作用，如上面的例子所示。从我的第一次编辑中执行解决方法适用于我的监视器，但不适用于其他监视器。

编辑3：

该解决方法适用于使用同一台计算机的不同监视器。使用另一台计算机，方块再次看起来不同。