8位颜色Hex码定义颜色透明度

最新推荐文章于 2024-06-30 15:10:04 发布

vovo2000

最新推荐文章于 2024-06-30 15:10:04 发布

阅读量4.5k

点赞数 1

分类专栏： Android 文章标签： css

本文链接：https://blog.csdn.net/vovo2000/article/details/119186439

版权

本文探讨了8位颜色Hex码的使用，其中最后两位用于定义颜色的透明度，格式为#RRGGBBAA和#RGBA。此外，也提到了3位数的Hex码定义方式，并提供了转换方法的参考链接。

摘要由CSDN通过智能技术生成

  /* This is green */
  background: rgb(0, 255, 0);

  /* It's the same as this */
  background: #00ff00;

  /* We could make it 50% transparent like this */
  background: rgba(0, 255, 0, 0.5);

上面的代码，大家应该很熟悉。就是定义颜色的代码。

  /* with an alpha hex like this */
  background: #00ff0080;

但是工作时发现有用8位数定义颜色的，一时不明白。

调查之后发现，8位的最后两位用来定义透明度。

格式是#RRGGBBAA and #RGBA.

作为备忘录，把调查结果记录下来。

同时也可以用3位或者3位数来定义。

.element {
  /* 6位定义 */
  background: #990000;

  /* 每两个数字都是一样的话，可以合并为一个数字*/
  background: #900;

}


//同理

.element {
  /* 8位定义 */
  background: #00ff0088;

  /* 每两个数字都是一样的话，可以合并为一个数字 */
  background: #0f08;
}

Hex换算成十进制的话

100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78