透明度怎么转换为16进制值

开发 前端
在开发中,UI在设计稿中标注的颜色都是类似RGB或者HEX颜色值(#FF0000红色),但是标注后面还有透明度比如30%,下面我们就来看看透明度怎么转换为16进制值。

前言

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

颜色简介

程序中颜色值通常遵循RGB/ARGB标准,使用时通常直接使用RGB255类似的值或者以16进制#字符串表示。

常用的颜色表示有: RGB/ARGB/RRGGBB/AARRGGBB

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

透明度换算

透明度

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

如何换算

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

常用的透明度

透明度

16进制表示

100%

00

95%

0D

90%

1A

85%

26

80%

33

75%

40

70%

4D

65%

59

60%

66

55%

73

50%

80

45%

8C

40%

99

35%

A6

30%

B3

25%

BF

20%

CC

15%

D9

10%

E6

5%

F2

0%

FF

转换公式:透明度*255 转 16进制

责任编辑:武晓燕 来源: 沐雨花飞蝶
相关推荐

2010-09-13 15:32:38

DIV背景

2019-10-10 10:30:07

云计算云安全公共云

2020-12-01 10:54:41

GIMP图片透明度

2022-05-16 10:29:17

开源社区透明度开发者

2024-08-02 12:05:00

2009-11-03 17:35:05

VB.NET窗体透明度

2010-08-19 13:54:51

FirefoxIECSS

2024-03-06 11:43:42

2020-09-17 14:32:52

AI

2024-07-30 09:43:59

2022-07-27 10:51:05

数据中心

2022-06-28 13:51:55

数据中心透明度和创新

2022-02-15 09:31:43

透明度CSS

2013-05-29 14:17:42

2020-11-27 08:51:29

CSSOpacity透明度

2020-09-18 12:27:44

AIGPT-3算法

2021-07-02 16:07:21

区块链互联网技术

2021-03-11 11:08:28

区块链加密货币公链

2021-11-29 14:18:04

罚款数据安全信息安全

2023-08-02 11:56:58

点赞
收藏

51CTO技术栈公众号