颜色透明度十六进制

00表示完全透明(0%不透明),FF表示完全不透明(100%不透明)

0%:00

1%:03

2%:05

3%:08

4%:0A

5%:0D

6%:0F

7%:12

8%:14

9%:17

10%:1A

11%:1C

12%:1F

13%:21

14%:24

15%:26

16%:29

17%:2B

18%:2E

19%:30

20%:33

21%:36

22%:38

23%:3B

24%:3D

25%:40

26%:42

27%:45

28%:47

29%:4A

30%:4D

31%:4F

32%:52

33%:54

34%:57

35%:59

36%:5C

37%:5E

38%:61

39%:63

40%:66

41%:69

42%:6B

43%:6E

44%:70

45%:73

46%:75

47%:78

48%:7A

49%:7D

50%:80

51%:82

52%:85

53%:87

54%:8A

55%:8C

56%:8F

57%:91

58%:94

59%:96

60%:99

61%:9C

62%:9E

63%:A1

64%:A3

65%:A6

66%:A8

67%:AB

68%:AD

69%:B0

70%:B3

71%:B5

72%:B8

73%:BA

74%:BD

75%:BF

76%:C2

77%:C4

78%:C7

79%:C9

80%:CC

81%:CF

82%:D1

83%:D4

84%:D6

85%:D9

86%:DB

87%:DE

88%:E0

89%:E3

90%:E6

91%:E8

92%:EB

93%:ED

94%:F0

95%:F2

96%:F5

97%:F7

98%:FA

99%:FC

记录方便使用

### 将普通十六进制颜色码转换为带透明度的ARGB或RGBA格式 对于给定的一个普通的十六进制颜色值`#RRGGBB`,要将其转换为带有Alpha通道的颜色值(即ARGB或RGBA),需要额外指定一个透明度级别。此级别的范围通常是在0到255之间,在十六进制中表示为`00`至`FF`。 #### ARGB格式 当采用ARGB格式时,最前面两位用于表示Alpha通道,后面依次跟随红色、绿色和蓝色分量。例如,假设有一个纯红色的颜色值`#FF0000`并希望设置其具有50%的不透明度,则可以按照下面的方式进行转换: 1. 首先确定所需的Alpha值。由于完全透明对应于`00`而不透明则对应于`FF`,因此一半的不透明度大约位于中间位置,也就是`7F`[^3]。 2. 接着将原始颜色中的RGB部分保持不变,并在其前加上新选定的Alpha值。最终得到的结果将是`#7FFF0000`作为新的ARGB颜色编码[^4]。 ```css background-color: #7FFF0000; ``` #### RGBA格式 相比之下,在RGBA格式下,顺序变为首先是红色,其次是绿色、蓝色以及最后面的Alpha通道。继续以上述例子为例,同样的操作会得出不同的字符串排列方式:`#FF00007F`[^5]。 ```css background-color: #FF00007F; ``` 值得注意的是,虽然这两种方法都能实现相同的效果,但在实际应用过程中可能会遇到兼容性和解析差异的问题;某些平台可能更倾向于接受其中一种特定的形式。此外,CSS属性如`rgba()`函数可以直接通过百分比或者数值设定透明度而无需手动计算对应的十六进制数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值