透明度怎么转换为16进制值
2024-01-18 17:42:20 软件 226观看
摘要前言在开发中,UI在设计稿中标注的颜色都是类似RGB或者HEX颜色值(#FF0000红色),但是标注后面还有透明度比如30%,下面我们就来看看透明度怎么转换为16进制值。颜色简介程序中颜色值通常遵循RGB/ARGB标准,使用时通常直接使用

前言

在开发中,UI在设计稿中标注的颜色都是类似RGB或者HEX颜色值(#FF0000红色),但是标注后面还有透明度比如30%,下面我们就来看看透明度怎么转换为16进制值。gLU28资讯网——每日最新资讯28at.com

颜色简介

程序中颜色值通常遵循RGB/ARGB标准,使用时通常直接使用RGB255类似的值或者以16进制#字符串表示。gLU28资讯网——每日最新资讯28at.com

常用的颜色表示有: RGB/ARGB/RRGGBB/AARRGGBBgLU28资讯网——每日最新资讯28at.com

其中ARGB依次代表透明度(alpha),红色(red),绿色(green),蓝色(blue)。例如颜色值#FF99CCBB,其中FF是透明度,99是红色值,CC是绿色值,BB是蓝色值。透明度(通常称为alpha值)在图形中是一个介于0(完全透明)和1(完全不透明)之间的值。在RGBA颜色模型中,alpha值用于表示颜色的透明度。gLU28资讯网——每日最新资讯28at.com

透明度换算

透明度

1.透明度分为256阶(0~255),用16进制表示为(00~FF)。透明就是0阶,不透明就是255阶,如果50%透明就是127阶(256的一半是128,但因为是从0开始,所以实际上是127)
2.透明度和不透明度是两个概念,他们加起来是1或者100%,ARGB中透明度表示的是不透明度。gLU28资讯网——每日最新资讯28at.com

如何换算

比如UI给出的颜色为#FFFFFF,透明度40%。换算过程如下:
1.将透明度转换成不透明度(不透明度为60%)
2.将不透明度乘以255(得到153)
3.将计算结果转换成16进制(不透明度为99)
4.将不透明度拼接成ARGB格式(#99FFFFFFFF)gLU28资讯网——每日最新资讯28at.com

常用的透明度

透明度gLU28资讯网——每日最新资讯28at.com

16进制表示gLU28资讯网——每日最新资讯28at.com

100%gLU28资讯网——每日最新资讯28at.com

00gLU28资讯网——每日最新资讯28at.com

95%gLU28资讯网——每日最新资讯28at.com

0DgLU28资讯网——每日最新资讯28at.com

90%gLU28资讯网——每日最新资讯28at.com

1AgLU28资讯网——每日最新资讯28at.com

85%gLU28资讯网——每日最新资讯28at.com

26gLU28资讯网——每日最新资讯28at.com

80%gLU28资讯网——每日最新资讯28at.com

33gLU28资讯网——每日最新资讯28at.com

75%gLU28资讯网——每日最新资讯28at.com

40gLU28资讯网——每日最新资讯28at.com

70%gLU28资讯网——每日最新资讯28at.com

4DgLU28资讯网——每日最新资讯28at.com

65%gLU28资讯网——每日最新资讯28at.com

59gLU28资讯网——每日最新资讯28at.com

60%gLU28资讯网——每日最新资讯28at.com

66gLU28资讯网——每日最新资讯28at.com

55%gLU28资讯网——每日最新资讯28at.com

73gLU28资讯网——每日最新资讯28at.com

50%gLU28资讯网——每日最新资讯28at.com

80gLU28资讯网——每日最新资讯28at.com

45%gLU28资讯网——每日最新资讯28at.com

8CgLU28资讯网——每日最新资讯28at.com

40%gLU28资讯网——每日最新资讯28at.com

99gLU28资讯网——每日最新资讯28at.com

35%gLU28资讯网——每日最新资讯28at.com

A6gLU28资讯网——每日最新资讯28at.com

30%gLU28资讯网——每日最新资讯28at.com

B3gLU28资讯网——每日最新资讯28at.com

25%gLU28资讯网——每日最新资讯28at.com

BFgLU28资讯网——每日最新资讯28at.com

20%gLU28资讯网——每日最新资讯28at.com

CCgLU28资讯网——每日最新资讯28at.com

15%gLU28资讯网——每日最新资讯28at.com

D9gLU28资讯网——每日最新资讯28at.com

10%gLU28资讯网——每日最新资讯28at.com

E6gLU28资讯网——每日最新资讯28at.com

5%gLU28资讯网——每日最新资讯28at.com

F2gLU28资讯网——每日最新资讯28at.com

0%gLU28资讯网——每日最新资讯28at.com

FFgLU28资讯网——每日最新资讯28at.com

转换公式:透明度*255 转 16进制gLU28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-64511-0.html透明度怎么转换为16进制值

声明:本网页内容旨在传播知识,不代表本站观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。

显示全文

上一篇:Swift 枚举类型,你知道几个?

下一篇:三星 Galaxy S24 系列:Galaxy AI 让手机更“酷”

最新热点