精华内容
下载资源
问答
  • 如何设置一个div的背景透明度,对于一些新手朋友有些陌生,接下来详细介绍实现方法,有需要了解的朋友可以参考下
  • 使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即便重定义也没有用,不过有个方法可以实现,大家可以看看
  • 主要介绍了C#图像透明度调整的方法,涉及C#操作图像透明度的相关技巧,需要的朋友可以参考下
  • 主要介绍了python 给图像添加透明度,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • winform 改变图片透明度
  • 设置窗口透明度 可以设置其他软件窗口的透明度,适用于隐藏某些软件运行
  • html 透明度渐变

    2016-07-01 21:03:55
    html 透明度渐变
  • labVIEW 制作可调节透明度的透明窗体
  • Unity动态修改Matirial材质Shader状态、透明度。请看我的博客中有具体介绍用法
  • 详细请看:http://blog.csdn.net/chang_1134/article/details/68062175
  • 颜色转换(16进制与rgb之间的相互转换,可自定义透明度rgba) 小程序适用。在小程序中使用时,请释放后尾的注释,文档中有说明。
  • 一个可以在WPF中实现调整RGB、HSV的自定义控件,调整明度、饱和度、透明度、颜色等等
  • 基于ie内核的浏览器,可以设置透明度(0-100),0代表完全透明,数值可以随便设置(最小值为15),按ESC键浏览器立即退出,不想让别人看到你在上网,可以用此浏览器。
  • QQ控件顶部的工具条在整体的ScrollView从顶部滑动时会从透明逐渐变为solid纯色
  • 微信小程序 动画 放大 改变透明度
  • opencv初学者 制作具有透明度的水印文字,把文字转换为图片进行水印 透明度设置
  • android 自定义属性实现 ImageView 透明度渐变效果
  • 颜色透明度计算

    千次阅读 2019-09-02 15:28:24
    我们在开发过程中,经常遇到这样一件事, 设计师给你一个颜色值,然后告诉你这个颜色值有30%的透明度。大多数人会问30%的透明度是多少呢?怎么计算这个30%的透明度? 颜色值通常遵循RGB/ARGB标准,使用时通常以#...

    我们在开发过程中,经常遇到这样一件事, 设计师给你一个颜色值,然后告诉你这个颜色值有30%的透明度。大多数人会问30%的透明度是多少呢?怎么计算这个30%的透明度?

    颜色值通常遵循RGB/ARGB标准,使用时通常以#字符开头,以16进制表示
    其中RGB依次代表红色(Red)绿色(Green)蓝色(Blue)
    ARGB依次代表透明度(Alpha)、红色(Red)绿色(Green)蓝色(Blue) 

    比如:给一个8位的颜色值“#FF00CC99”其中FF是透明度,00是红色值,CC是绿色值,99是蓝色值(也就是说前2位表示透明度,后面6位表示颜色值)

    透明度的范围又是多少呢?
    众所周知透明度的范围是0-255,在计算机中,我们就用16进制(00-FF)表示,全透明就是00,完全不透明就是FF

    30%的透明度与0-255又有什么关系呢?

    我们可以这么理解:透明度和不透明度加起来等于1或者说100%

    Alpha=255*30%; 再转换成16进制就得到我们颜色前2位的透明度值

    下面自己写了一个paython脚本计算透明度值, 方便以后设计师再给我们说透明度百分之多少, 我们直接输入一行命令就可以获取到我们想要的透明读值

    #!/usr/bin/python
    # -*- coding: UTF-8 -*-
    # scott
    # 透明度的范围是0-255,在计算机中,我们就用16进制(00-FF)表示,全透明就是00,完全不透明就是FF
    # 计算透明度
    def calculationAlpha(index):
    	#255 * 不透明度 -> 转换成16进制数 eg:30%不透明度也就是255*30%=76.5,四舍五入77,然后利用计算器转为16进制为4D
    	temp = 255 * float(index)  / 100
    	roundvalue=round(temp)
    	result=hex(int(roundvalue))
    	print index,"--->",result.upper()
    	pass
    
    while True:
    	try:
    		value=int(raw_input("请输入透明度百分比(eg:透明度30%,输入30即可,输入0,将显示全部):"))
    		if (value > 100 or  value < 0):
    			print "请输入0到100的整数..."
    			continue
    	except ValueError:
    		print "请输入0到100的整数..."
    		continue
    	else:
    		break
    
    if value==0:
    	print "显示0到100的转换"
    	for count in range(0,101):
      		calculationAlpha(count)
    else:
    	calculationAlpha(value)
    
    
    
    
    

    将以上内容拷贝到txt文件中,并重命名alphavalue.py,这个名字可以随便取,后缀名必须是.py,才能表示这是python脚本。然后打开终端,cd到对应到目录下(建议直接放在根目录下,下次使用就不用去cd目录)然后在终端中输入:python alphavalue.py 执行脚本就会出现下面的效果。

    运行效果如下:

    从运行的结果中知道40%的透明度对应的十六进制是0X66,假设设计师说界面中某一下划线的颜色是#FFFFFF并且透明度为40% 那么最后我们颜色值应该是“#66FFFFFF”,最后的效果就是设计师想要的颜色。

    上面的python脚本, 如果你输入0,这会把0到100%的透明度都转换出来

    请输入透明度百分比(eg:透明度30%,输入30即可,输入0,将显示全部):0
    显示0到100的转换
    0 ---> 0X00
    1 ---> 0X03
    2 ---> 0X05
    3 ---> 0X08
    4 ---> 0X0A
    5 ---> 0X0D
    6 ---> 0X0F
    7 ---> 0X12
    8 ---> 0X14
    9 ---> 0X17
    10 ---> 0X1A
    11 ---> 0X1C
    12 ---> 0X1F
    13 ---> 0X21
    14 ---> 0X24
    15 ---> 0X26
    16 ---> 0X29
    17 ---> 0X2B
    18 ---> 0X2E
    19 ---> 0X30
    20 ---> 0X33
    21 ---> 0X36
    22 ---> 0X38
    23 ---> 0X3B
    24 ---> 0X3D
    25 ---> 0X40
    26 ---> 0X42
    27 ---> 0X45
    28 ---> 0X47
    29 ---> 0X4A
    30 ---> 0X4D
    31 ---> 0X4F
    32 ---> 0X52
    33 ---> 0X54
    34 ---> 0X57
    35 ---> 0X59
    36 ---> 0X5C
    37 ---> 0X5E
    38 ---> 0X61
    39 ---> 0X63
    40 ---> 0X66
    41 ---> 0X69
    42 ---> 0X6B
    43 ---> 0X6E
    44 ---> 0X70
    45 ---> 0X73
    46 ---> 0X75
    47 ---> 0X78
    48 ---> 0X7A
    49 ---> 0X7D
    50 ---> 0X80
    51 ---> 0X82
    52 ---> 0X85
    53 ---> 0X87
    54 ---> 0X8A
    55 ---> 0X8C
    56 ---> 0X8F
    57 ---> 0X91
    58 ---> 0X94
    59 ---> 0X96
    60 ---> 0X99
    61 ---> 0X9C
    62 ---> 0X9E
    63 ---> 0XA1
    64 ---> 0XA3
    65 ---> 0XA6
    66 ---> 0XA8
    67 ---> 0XAB
    68 ---> 0XAD
    69 ---> 0XB0
    70 ---> 0XB3
    71 ---> 0XB5
    72 ---> 0XB8
    73 ---> 0XBA
    74 ---> 0XBD
    75 ---> 0XBF
    76 ---> 0XC2
    77 ---> 0XC4
    78 ---> 0XC7
    79 ---> 0XC9
    80 ---> 0XCC
    81 ---> 0XCF
    82 ---> 0XD1
    83 ---> 0XD4
    84 ---> 0XD6
    85 ---> 0XD9
    86 ---> 0XDB
    87 ---> 0XDE
    88 ---> 0XE0
    89 ---> 0XE3
    90 ---> 0XE6
    91 ---> 0XE8
    92 ---> 0XEB
    93 ---> 0XED
    94 ---> 0XF0
    95 ---> 0XF2
    96 ---> 0XF5
    97 ---> 0XF7
    98 ---> 0XFA
    99 ---> 0XFC
    100 ---> 0XFF

    看完是不是感觉以后就方便很多,不用再去问设计师透明度30%应该写多少。哈哈。

     

     

     

    展开全文
  • 非常实用的页面制作,用于设置div的透明度,以及div在页面左右居中
  • div设置背景图片透明度且字不透明,div设置背景图片透明度且字不透明
  • 颜色透明度

    千次阅读 2018-09-10 16:11:35
    Android中的颜色、透明度简介 Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以“#”字符开头,以16进制表示 Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值 常用的颜色值格式为: 1、 #RGB ...

    Android中的颜色、透明度简介

    Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以“#”字符开头,以16进制表示
    Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值

    常用的颜色值格式为:

    1、 #RGB
    2、#ARGB
    3、 #RRGGBB
    4、 #AARRGGBB
    其中,ARGB 依次代表透明度(alpha)、红色(red)、绿色(green)、蓝色(blue)。以颜色值 #FF11CC00 为例,其中,FF 是透明度,11 是红色值, CC 是绿色值, 00 是蓝色值。


    1、 透明度

    • 透明度分为256个等级,即 0 - 256,0就是透明,255就是不透明 ;

    透明度 (透明)0 –> 255(不透明) 对应着16进制 (透明)00 –> FF(不透明)
    比如:50%透明度, 50%也就是256的一半即128,因为是从0开始算的,所以是 127,转换成16进制就是 7F

    • 透明度 和 不透明度 是两个概念, 它们加起来是1,或者100%.
    • ARGB 中的透明度alpha,表示的是不透明度

    2.透明度表格

    • 注意:这里写的是透明度值,不是不透明度值,这是两个不同的概念,注意区分注意:我这里写的是透明度值,不是不透明度值,这是两个不同的概念,注意区分

    需要不透明度值的,可以自己算:透明度值 + 不透明度值 = 100%
    如果UI给的颜色是:颜色#FFFFFF,透明度40% 。那么计算方式应该是:
    将透明度转换成不透明度。不透明度为:60%
    不透明度乘以255。 我们得到结果:153
    将计算结果转换成16进制。得到最终的不透明度:99
    将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF


    下面是我表格里的透明度值的计算方式是:(A:透明度; H:16进制
    255*(100% - A%) 通过计算器转为16进制 H
    (ps:因为计算结果取整数,所以可能会有一个进制位的误差,比如50%的透明度值,上面“透明度的计算”中的计算是127,16进制为7F,这里计算是127.5,四舍五入为128,16进制为80。所以,看到这里不用惊慌,7F跟80肉眼看起来是差不多的,不用去计较)

    • 00是完全透明(百分百透明),FF就是完全不透明
    透明度16进制表示
    0%FF
    1%FC
    2%FA
    3%F7
    4%F5
    5%F2
    6%F0
    7%ED
    8%EB
    9%E8
    10%E6
    11%E3
    12%E0
    13%DE
    14%DB
    15%D9
    16%D6
    17%D4
    18%D1
    19%CF
    20%CC
    21%C9
    22%C7
    23%C4
    24%C2
    25%BF
    26%BD
    27%BA
    28%B8
    29%B5
    30%B3
    31%B0
    32%AD
    33%AB
    34%A8
    35%A6
    36%A3
    37%A1
    38%9E
    39%9C
    40%99
    41%96
    42%94
    43%91
    44%8F
    45%8C
    46%8A
    47%87
    48%85
    49%82
    50%80
    51%7D
    52%7A
    53%78
    54%75
    55%73
    56%70
    57%6E
    58%6B
    59%69
    60%66
    61%63
    62%61
    63%5E
    64%5C
    65%59
    66%57
    67%54
    68%52
    69%4F
    70%4D
    71%4A
    72%47
    73%45
    74%42
    75%40
    76%3D
    77%3B
    78%38
    79%36
    80%33
    81%30
    82%2E
    83%2B
    84%29
    85%26
    86%24
    87%21
    88%1E
    89%1C
    90%1A
    91%17
    92%14
    93%12
    94%0F
    95%0D
    96%0A
    97%07
    98%05
    99%03
    100%00
    展开全文
  • Android 颜色透明度大全

    千次阅读 2019-04-10 16:34:15
    本文转载自:...如果视觉稿直接给颜色值那倒没啥,可怕的是后面还有标了透明度,而且视觉还原后发现颜色太透明了,要你透明度再调调,这才烦人。我总不能记住100个透明度的值吧。 一次...

    本文转载自:https://blog.csdn.net/hewuzhao/article/details/78821954,很实用,转载过来方便以后查阅,感谢原作者。

    背景

    开发的都知道,UI微调都是令人头痛的,尤其是颜色的微调。

    如果视觉稿直接给颜色值那倒没啥,可怕的是后面还有标了透明度,而且视觉还原后发现颜色太透明了,要你透明度再调调,这才烦人。我总不能记住100个透明度的值吧。

    一次计算,无数次使用,这文章,稳了。

    正文

    Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值(这里我只聊透明度)。

    1. 透明度的计算

    透明度分为256个等级,即 0 - 2560就是透明,255就是不透明


    透明度 (透明)0 –> 255(不透明) 对应着16进制 (透明)00 –> FF(不透明)


    比如:50%透明度

    50%也就是256的一半即128,因为是从0开始算的,所以是 127,转换成16进制就是 7F


    2.献上透明度表格

    注意:我这里写的是透明度值,不是不透明度值,这是两个不同的概念,注意区分。


    需要不透明度值的,可以自己算:透明度值 + 不透明度值 = 100%

    如果你的UI设计师给的视觉稿标注是:颜色#FFFFFF,透明度40% 。那你的计算方式应该是:

    将透明度转换成不透明度。不透明度为:60%
    不透明度乘以255。 我们得到结果:153
    将计算结果转换成16进制。得到最终的不透明度:99
    将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF
    所以,你的UI设计师要的颜色是:#99FFFFFF


    下面是我表格里的透明度值的计算方式是:(A:透明度; H:16进制)

    255*(100% - A%) 通过计算器转为16进制 H

    (ps:因为计算结果取整数,所以可能会有一个进制位的误差,比如50%的透明度值,上面“1.透明度的计算”中的计算是127,16进制为7F,这里计算是127.5,四舍五入为128,16进制为80。所以,看到这里不用惊慌,7F跟80肉眼看起来是差不多的,不用去计较)

    00是完全透明(百分百透明),FF就是完全不透明

    透明度     16进制表示
    100%00
    99%03
    98%05
    97%07
    96%0A
    95%0D
    94%0F
    93%12
    92%14
    91%17
    90%1A
    89%1C
    88%1E
    87%21
    86%24
    85%26
    84%29
    83%2B
    82%2E
    81%30
    80%33
    79%36
    78%38
    77%3B
    76%3D
    75%40
    74%42
    73%45
    72%47
    71%4A
    70%4D
    69%4F
    68%52
    67%54
    66%57
    65%59
    64%5C
    63%5E
    62%61
    61%63
    60%66
    5969
    586B
    576E
    5670
    5573
    5475
    5378
    527A
    517D
    5080
    4982
    4885
    4787
    468A
    458C
    448F
    4391
    4294
    4196
    4099
    399C
    389E
    37A1
    36A3
    35A6
    34A8
    33AB
    32AD
    31B0
    30B3
    29B5
    28B8
    27BA
    26BD
    25BF
    24C2
    23C4
    22C7
    21C9
    20CC
    19CF
    18D1
    17D4
    16D6
    15D9
    14DB
    13DE
    12E0
    11E3
    10E6
    9E8
    8EB
    7ED
    6F0
    5F2
    4F5
    3F7
    2FA
    1FC
    0FF

    结尾

    东西虽然简单,但还是写出来,就当工具用,下次调UI就可以来这里看。如果上面有写错了,欢迎来“搞”!哈哈!

    展开全文
  • Android开发:Android颜色透明度换算表

    千次阅读 2019-06-18 06:17:08
    作为一名Android开发人员,在每次开发的时候,UI会在设计图中标注颜色值,或者会直接给出颜色值,如:#FF2309,但是有时候为了达到某种效果,需要在颜色值前面添加透明度,如:40%的透明度。还有一种情况就是交给UI...

     

    目录

    一、背景

    二、颜色值标准格式

    三、透明度 

    四、透明度计算

     


    一、背景

    作为一名Android开发人员,在每次开发的时候,UI会在设计图中标注颜色值,或者会直接给出颜色值,如:#FF2309,但是有时候为了达到某种效果,需要在颜色值前面添加透明度,如:40%的透明度。还有一种情况就是交给UI验收的时候,说界面和设计图不符,让自己回去做对比,往往和透明度的值有关系,我的天!整个人都不好了,透明度怎么计算?怎么搞?

    一定要和UI对接好,UI给的是透明度不透明度的值,很重要!!!


    二、颜色值标准格式

    Android中的颜色值标准格式为RGB/ARGB标准,使用时通常以“#”字符开头,以16进制表示。

    如:#RGB、#RRGGBB、#ARGB、#AARRGGBB。R:红色;G:绿色;B:蓝色;A:透明度,如果不含A,说明完全透明(即默认100%,完全不透明)。

     

    三、透明度 

    一定要和UI对接好,UI给的是透明度不透明度的值,很重要!!!

    口语说的透明度从0%~100%,换算成二进制为256个值(0-255),计算机上用16进制表示为(00-ff)。透明就是0,不透明就是255,如果50%透明就是127(256的一半是128,但因为是从0开始,所以实际上是127)。
    透明度 和 不透明度 是两个概念, 它们加起来是1,或者100%.
    ARGB 中的透明度alpha,表示的是不透明度。

     

    四、透明度计算

    需要不透明度值的,可以自己算:透明度值 + 不透明度值 = 100%

    如果你的UI设计师给的视觉稿标注是:颜色#FFFFFF,透明度40% 。那你的计算方式应该是:

    将透明度转换成不透明度。不透明度为:60%
    不透明度乘以255。 我们得到结果:153
    将计算结果转换成16进制。得到最终的不透明度:99
    将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF
    所以,你的UI设计师要的颜色是:#99FFFFFF
     

    如果UI给的是透明度值A%,则计算公式:255*(100% - A%) ,将计算结果转为16进,对照表1:


     

    表1
    透明度16进制表示
    100 %00
    99   %03
    98   %05
    97   %07
    96   %0A
    95   %0D
    94   %0F
    93   %12
    92   %14
    91   %17
    90   %1A
    89   %1C
    88   %1E
    87   %21
    86   %24
    85   %26
    84   %29
    83   %2B
    82   %2E
    81   %30
    80   %33
    79   %36
    78   %38
    77   %3B
    76   %3D
    75   %40
    74   %42
    73   %45
    72   %47
    71   %4A
    70   %4D
    69   %4F
    68   %52
    67   %54
    66   %57
    65   %59
    64   %5C
    63   %5E
    62   %61
    61   %63
    60   %66
    59   %69
    58   %6B
    57   %6E
    56   %70
    55   %73
    54   %75
    53   %78
    52   %7A
    51   %7D
    50   %80
    49   %82
    48   %85
    47   %87
    46   %8A
    45   %8C
    44   %8F
    43   %91
    42   %94
    41   %96
    40   %99
    39   %9C
    38   %9E
    37   %A1
    36   %A3
    35   %A6
    34   %A8
    33   %AB
    32   %AD
    31   %B0
    30   %B3
    29   %B5
    28   %B8
    27   %BA
    26   %BD
    25   %BF
    24   %C2
    23   %C4
    22   %C7
    21   %C9
    20   %CC
    19   %CF
    18   %D1
    17   %D4
    16   %D6
    15   %D9
    14   %DB
    13   %DE
    12   %E0
    11   %E3
    10   %E6
    9   %E8
    8   %EB
    7   %ED
    6   %F0
    5   %F2
    4   %F5
    3   %F7
    2   %FA
    1   %FC
    0   %FF

                           举个例子:

                           UI给出的颜色值为#FFFF00,透明度40%。

                           结合表1,40%的透明度16进制的值为 99,那么最终的颜色值为 #99FFFF00

     

     

    如果UI给的是不透明度值A%,则计算公式:255*(A%) ,将计算结果转为16进,对照表2: 

    表2
    不透明度十六进制
    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%C7
    77%C4
    76%C2
    75%BF
    74%BD
    73%BA
    72%B8
    71%B5
    70%B3
    69%B0
    68%AD
    67%AB
    66%A8
    65%A6
    64%A3
    63%A1
    62%9E
    61%9C
    60%99
    59%96
    57%94
    56%91
    56%8F
    55%8C
    54%8A
    53%87
    52%85
    51%82
    50%80
    49%7D
    48%7A
    47%78
    46%75
    45%73
    44%70
    43%6E
    42%6B
    41%69
    40%66
    39%63
    38%61
    37%5E
    36%5C
    35%59
    34%57
    33%54
    32%52
    31%4F
    30%4D
    28%4A
    28%47
    27%45
    26%42
    25%40
    24%3D
    23%3B
    22%38
    21%36
    20%33
    19%30
    18%2E
    17%2B
    16%29
    15%26
    14%24
    13%21
    12%1F
    11%1C
    10%1A
    9%17
    8%14
    7%12
    6%0F
    5%0D
    4%0A
    3%08
    2%05
    1%03
    0%00

                            

                           举个例子:

                           UI给出的颜色值为#FFFF00,不透明度40%。

                           结合表2,40%的不透明度16进制的值为 66,那么最终的颜色值为 #66FFFF00

     

    参考:

             https://blog.csdn.net/jabony/article/details/52804296

             https://blog.csdn.net/ouyang_peng/article/details/51896521  

     

     

    展开全文
  • iOS之深入解析预乘透明度Premultiplied Alpha

    千次阅读 多人点赞 2021-10-18 15:32:35
    Premultiplied Alpha 后的像素格式变得不直观,因为在画图的时候都是先从调色板中选出一个 RGB 颜色,再单独设置透明度,如果 RGB 乘以透明度就搞不清楚原色是什么。 从前面的 Alpha Blending 公式可以看出,...
  • TextView设置字体透明度或背景透明度

    千次阅读 2018-10-17 16:46:14
    1在 xml 文件中添加: android:textColor="#73FFFFFF" ... 具体看下面: 透明度90% :E6 透明度80%: CC 透明度70%: B3 透明度60%: 99 半透明50%: 80 透明度40%: 66 透明度30%: 4D 透明度20%: 33 透明度10%: 1A
  • 在前端页面开发布局的时候,为了给用户呈现不同的效果,经常需要设置透明度,那么css是怎样设置透明度的?本章给大家介绍用css设置透明度的两种方法(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望...
  • 许多小伙伴最近在使用Windows11的时候,总觉得Windows11的任务栏的颜色非常的难堪,想要自己把任务栏调整到透明的,那么具体我们要怎么调整Windows11任务栏透明度呢?下面小编就为大家介绍一下吧! 操作方法: 1、首先...
  • // 单线程更改透明度,得到每个坐标像素点的color,并重新设值,赋予透明度,最后将新color设给新的image对象(wImage的pixelWriter) for (int readY = 0; readY (); readY++) { for (int readX = 0; readX ...
  • CSS设置元素的透明度(不透明度)

    千次阅读 2020-08-07 14:16:04
    作用: 设置元素的透明度 语法: 1. object.style.opacity=0.5 2. opacity: value|inherit; 参数: value: 指定的透明度;从0.0~1.0; inherit: opcity的值从父元素继承; Demo: <!DOCTYPE html> <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 354,354
精华内容 141,741
关键字:

透明度