【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
相关推荐
懒大王爱吃狼40 分钟前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
逐·風5 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫5 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦6 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子6 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山7 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享7 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
清灵xmf9 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
大佩梨9 小时前
VUE+Vite之环境文件配置及使用环境变量
前端
GDAL9 小时前
npm入门教程1:npm简介
前端·npm·node.js