【CSS】各百分比透明度 opacity 对应的 16 进制颜色值(例如:#FFFFFF80)

文章目录

  • 使用:6位颜色值+2位透明度值
css 复制代码
color: #000000D4;
/* 等价于 */
color: #000000;
opacity : 0.83; 
/* 等价于 */
color: #000000;
opacity : 83%; 
  • 对照表(0:完全透明,1:不透明)
透明度值 百分百值 十六进制值
0 0% 00
0.01 1% 03
0.02 2% 05
0.03 3% 08
0.04 4% 0A
0.05 5% 0D
0.06 6% 0F
0.07 7% 12
0.08 8% 14
0.09 9% 17
0.10 10% 1A
0.11 11% 1C
0.12 12% 1F
0.13 13% 21
0.14 14% 24
0.15 15% 26
0.16 16% 29
0.17 17% 2B
0.18 18% 2E
0.19 19% 30
0.20 20% 33
0.21 21% 36
0.22 22% 38
0.23 23% 3B
0.24 24% 3D
0.25 25% 40
0.26 26% 42
0.27 27% 45
0.28 28% 47
0.29 29% 4A
0.30 30% 4D
0.31 31% 4F
0.32 32% 52
0.33 33% 54
0.34 34% 57
0.35 35% 59
0.36 36% 5C
0.37 37% 5E
0.38 38% 61
0.39 39% 63
0.40 40% 66
0.41 41% 69
0.42 42% 6B
0.43 43% 6E
0.44 44% 70
0.45 45% 73
0.46 46% 75
0.47 47% 78
0.48 48% 7A
0.49 49% 7D
0.50 50% 80
0.51 51% 82
0.52 52% 85
0.53 53% 87
0.54 54% 8A
0.55 55% 8C
0.56 56% 8F
0.57 57% 91
0.58 58% 94
0.59 59% 96
0.60 60% 99
0.61 61% 9C
0.62 62% 9E
0.63 63% A1
0.64 64% A3
0.65 65% A6
0.66 66% A8
0.67 67% AB
0.68 68% AD
0.69 69% B0
0.70 70% B3
0.71 71% B5
0.72 72% B8
0.73 73% BA
0.74 74% BD
0.75 75% BF
0.76 76% C2
0.77 77% C4
0.78 78% C7
0.79 79% C9
0.80 80% CC
0.81 81% CF
0.82 82% D1
0.83 83% D4
0.84 84% D6
0.85 85% D9
0.86 86% DB
0.87 87% DE
0.88 88% E0
0.89 89% E3
0.90 90% E6
0.91 91% E8
0.92 92% EB
0.93 93% ED
0.94 94% F0
0.95 95% F2
0.96 96% F5
0.97 97% F7
0.98 98% FA
0.99 99% FC
1 100% FF
相关推荐
J总裁的小芒果3 分钟前
Vue3 el-table 默认选中 传入的数组
前端·javascript·elementui·typescript
Lei_zhen965 分钟前
记录一次electron-builder报错ENOENT: no such file or directory, rename xxxx的问题
前端·javascript·electron
咖喱鱼蛋8 分钟前
Electron一些概念理解
前端·javascript·electron
yqcoder9 分钟前
Vue3 + Vite + Electron + TS 项目构建
前端·javascript·vue.js
鑫宝Code26 分钟前
【React】React Router:深入理解前端路由的工作原理
前端·react.js·前端框架
Mr_Xuhhh2 小时前
重生之我在学环境变量
linux·运维·服务器·前端·chrome·算法
永乐春秋3 小时前
WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性
前端
鸽鸽程序猿3 小时前
【前端】CSS
前端·css
ggdpzhk3 小时前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
学不会•5 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html