Mow*_*zer 5 css rgb hex colors opacity
我发现了
color: rgb(51, 51, 51);
和
color: #333333;
和
color: black; opacity: 0.8;
都产生相同的灰色阴影。
我该如何概括这一点？
换句话说，给定任意 RGB 或 HEX 颜色/灰色阴影，我如何确定opacitywhen的等效值color: black;？
<style>
div {
font-family: sans-serif;
font-size: 48px;
margin: 20px;
padding: 60px;
}
.rgb {
color: rgb(51, 51, 51); /* given this value... */
}
.hex {
color: #333333; /* ...or given this value */
}
.opacity {
color: black;
opacity: 0.8; /* how can I determine this value? */
}
<style>
<body>
<div class="rgb">rgb(51, 51, 51)</div>
<div class="hex">hex #333333</div>
<div class="opacity">opacity 0.8</div>
</body>
在遇到类似的问题后，我构建了一个工具来在浏览器中实现这一目标。你只需输入你的十六进制颜色，它就会给你一个等效的 rgba 颜色。请随意测试一下；）
https://aclarembeau.github.io/grayscale-to-opacity/
您也可以使用这个Hextool网站。使用RGBA。第四个值是该颜色的不透明度。
例如：-
\n\nrgba(51, 51, 51, 0.87)\n87% 不透明度
\n\n十六进制不透明度值
\n\n100% \xe2\x80\x94 FF\n95% \xe2\x80\x94 F2\n90% \xe2\x80\x94 E6\n85% \xe2\x80\x94 D9\n80% \xe2\x80\x94 CC\n75% \xe2\x80\x94 BF\n70% \xe2\x80\x94 B3\n65% \xe2\x80\x94 A6\n60% \xe2\x80\x94 99\n55% \xe2\x80\x94 8C\n50% \xe2\x80\x94 80\n45% \xe2\x80\x94 73\n40% \xe2\x80\x94 66\n35% \xe2\x80\x94 59\n30% \xe2\x80\x94 4D\n25% \xe2\x80\x94 40\n20% \xe2\x80\x94 33\n15% \xe2\x80\x94 26\n10% \xe2\x80\x94 1A\n5% \xe2\x80\x94 0D\n0% \xe2\x80\x94 00\n