設(shè)計(jì)師給效果圖時(shí)透明度一般都是標(biāo)注為百分比,如:#000000透明度為50%缭裆,我們就要把50%轉(zhuǎn)換為程序里使用的16進(jìn)制才能使用键闺。那么50%透明度該如果計(jì)算為16進(jìn)制呢?
因?yàn)橥该鞫确譃?56階(0 ~ 255)澈驼,在計(jì)算機(jī)上用16進(jìn)制表示為(00 ~ ff)辛燥,透明就是0階,不透明就是255階缝其,如果50%透明就是127階(256的一半為128挎塌,但我們是從0開始計(jì)數(shù)的,所以實(shí)際上是127)内边。
10進(jìn)制255換算為16進(jìn)制是ff榴都,127換算成16進(jìn)制是7f,因此 #7f000000 就是代表透明度為50%的黑色
下面以#000000的透明度給出計(jì)算公式:
1漠其、25%透明度:255 * 25% = 63 通過計(jì)算器轉(zhuǎn)為16進(jìn)制 = #3f000000
2嘴高、50%透明度:255 * 50% = 127 通過計(jì)算器轉(zhuǎn)為16進(jìn)制 = #7f000000
3、80%透明度:255 * 80% = 204 通過計(jì)算器轉(zhuǎn)為16進(jìn)制 = #cc000000
下面給大家一個(gè)列表方便查詢:
透明度百分比對應(yīng)的十六進(jìn)制:
(說明:百分比計(jì)算出來會有小數(shù),按照常規(guī)的四舍五入處理,詳情請往下查看)
百分比:0% HEX: 00
百分比:1% HEX: 30
百分比:2% HEX: 50
百分比:3% HEX: 80
百分比:4% HEX: A0
百分比:5% HEX: D0
百分比:6% HEX: F0
百分比:7% HEX: 12
百分比:8% HEX: 14
百分比:9% HEX: 17
百分比:10% HEX: 1A
百分比:11% HEX: 1C
百分比:12% HEX: 1F
百分比:13% HEX: 21
百分比:14% HEX: 24
百分比:15% HEX: 26
百分比:16% HEX: 29
百分比:17% HEX: 2B
百分比:18% HEX: 2E
百分比:19% HEX: 30
百分比:20% HEX: 33
百分比:21% HEX: 36
百分比:22% HEX: 38
百分比:23% HEX: 3B
百分比:24% HEX: 3D
百分比:25% HEX: 40
百分比:26% HEX: 42
百分比:27% HEX: 45
百分比:28% HEX: 47
百分比:29% HEX: 4A
百分比:30% HEX: 4D
百分比:31% HEX: 4F
百分比:32% HEX: 52
百分比:33% HEX: 54
百分比:34% HEX: 57
百分比:35% HEX: 59
百分比:36% HEX: 5C
百分比:37% HEX: 5E
百分比:38% HEX: 61
百分比:39% HEX: 63
百分比:40% HEX: 66
百分比:41% HEX: 69
百分比:42% HEX: 6B
百分比:43% HEX: 6E
百分比:44% HEX: 70
百分比:45% HEX: 73
百分比:46% HEX: 75
百分比:47% HEX: 78
百分比:48% HEX: 7A
百分比:49% HEX: 7D
百分比:50% HEX: 80
百分比:51% HEX: 82
百分比:52% HEX: 85
百分比:53% HEX: 87
百分比:54% HEX: 8A
百分比:55% HEX: 8C
百分比:56% HEX: 8F
百分比:57% HEX: 91
百分比:58% HEX: 94
百分比:59% HEX: 96
百分比:60% HEX: 99
百分比:61% HEX: 9C
百分比:62% HEX: 9E
百分比:63% HEX: A1
百分比:64% HEX: A3
百分比:65% HEX: A6
百分比:66% HEX: A8
百分比:67% HEX: AB
百分比:68% HEX: AD
百分比:69% HEX: B0
百分比:70% HEX: B3
百分比:71% HEX: B5
百分比:72% HEX: B8
百分比:73% HEX: BA
百分比:74% HEX: BD
百分比:75% HEX: BF
百分比:76% HEX: C2
百分比:77% HEX: C4
百分比:78% HEX: C7
百分比:79% HEX: C9
百分比:80% HEX: CC
百分比:81% HEX: CF
百分比:82% HEX: D1
百分比:83% HEX: D4
百分比:84% HEX: D6
百分比:85% HEX: D9
百分比:86% HEX: DB
百分比:87% HEX: DE
百分比:88% HEX: E0
百分比:89% HEX: E3
百分比:90% HEX: E6
百分比:91% HEX: E8
百分比:92% HEX: EB
百分比:93% HEX: ED
百分比:94% HEX: F0
百分比:95% HEX: F2
百分比:96% HEX: F5
百分比:97% HEX: F7
百分比:98% HEX: FA
百分比:99% HEX: FC
百分比:100% HEX: FF