关于颜色值透明度的设置

  <!--百分比-开头字母-->
    <!--100% —FF-->
    <!--95% — F2-->
    <!--90% — E6-->
    <!--85% — D9-->
    <!--80% — CC-->
    <!--75% — BF-->
    <!--70% — B3-->
    <!--65% — A6-->
    <!--60% — 99-->
    <!--55% — 8C-->
    <!--50% — 80-->
    <!--45% — 73-->
    <!--40% — 66-->
    <!--35% — 59-->
    <!--30% — 4D-->
    <!--25% — 40-->
    <!--20% — 33-->
    <!--15% — 26-->
    <!--10% — 1A-->
    <!--5% — 0D-->
    <!--0% — 00-->

转载于:https://www.cnblogs.com/huihuizhang/p/7026667.html

### 颜色值中的透明度表示方法 在计算机图形学和Web开发领域,颜通常由红(Red)、绿(Green)、蓝(Blue)三个分量组成,称为RGB模型。为了支持透明效果,在RGB基础上增加了Alpha通道(A),用于表示颜透明度或不透明度#### Alpha通道的作用 Alpha通道是一个额外的数,用来描述像素的透明程度。其取范围通常是0到1或者0到255之间的整数。当Alpha为0时,表示完全透明;当Alpha为1(或255)时,则表示完全不透明[^3]。 #### ARGB与RGBA的区别 - **ARGB**:这是一种常见的颜编码形式,其中A位于最前面,后面依次跟随R、G、B三个分量。例如`#99FFFFFF`表示的是带有一定透明度的白。 - **RGBA**:这是另一种表达方式,尤其常见于CSS样式声明中。例如`rgba(255, 255, 255, 0.4)`同样表示一种半透明的白,这里的最后一个参数0.4即是alpha,范围从0至1[^4]。 #### 百分比转十六进制的具体操作流程 假设有一个需求是要把纯白(`#FFFFFF`)设置成具有40%透明度的颜: 1. 计算对应的不透明度比例:由于题目给出的数据是以百分率呈现的透明度,因此先将其转化为不透明度——即用1减去原始透明度再乘以百分之百得出新的比率。(这里已知条件直接提供了60%); 2. 转化为实际数:接着把这个百分比应用到最大可能级别之上,在本例当中就是将60%映射到区间[0..255]上获得约等于153的结果; 3. 十六进制转换:最后一步便是将这个十进制数字转变为相应的两位长度十六进制字符串。“153”的对应物正是“99”。 综上所述,最终形成的完整ARGB格式串将是`#99FFFFFF`[^1]。 对于基于XML资源文件定义Android应用程序内的颜常量而言,也可以采用类似的语法结构书写:<color name="semi_transparent_white">#99FFFFFF</color> [^2] ```xml <resources> <color name="semi_transparent_white">#99FFFFFF</color> </resources> ``` #### CSS中的透明处理技巧 除了利用RGBA指定具体调外,还可以借助opacity属性全局调节某个HTML节点连同内部子项的整体可见性水平。不过需要注意的是,这种方式会影响到目标区域里的文字内容清晰度。如果仅仅希望改变背景部分而非字体本身的话,那么推荐单独运用background-color配合rgba设定即可达成目的。 ```css .example { background-color: rgba(255, 255, 255, 0.4); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值