【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
相关推荐
来自星星的坤4 小时前
Vue 3中如何封装API请求:提升开发效率的最佳实践
前端·javascript·vue.js
Rey_family5 小时前
CSS学习笔记
css·笔记·学习
vvilkim6 小时前
全面解析React内存泄漏:原因、解决方案与最佳实践
前端·javascript·react.js
vvilkim6 小时前
React批处理(Batching)更新机制深度解析
前端·javascript·react.js
Bayi·6 小时前
前端面试场景题
开发语言·前端·javascript
程序猿熊跃晖6 小时前
Vue中如何优雅地处理 `<el-dialog>` 的关闭事件
前端·javascript·vue.js
进取星辰6 小时前
12、高阶组件:魔法增幅器——React 19 HOC模式
前端·javascript·react.js
拉不动的猪6 小时前
前端低代码开发
前端·javascript·面试
程序员张37 小时前
Vue3集成sass
前端·css·sass
夜跑者7 小时前
axios 在请求拦截器中设置Content-Type无效问题
前端