【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
相关推荐
CoderLiu18 分钟前
用这个MCP,只给大模型一个figma链接就能直接导出图片,还能自动压缩上传?
前端·llm·mcp
伍哥的传说20 分钟前
鸿蒙系统(HarmonyOS)应用开发之实现电子签名效果
开发语言·前端·华为·harmonyos·鸿蒙·鸿蒙系统
海的诗篇_1 小时前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
uncleTom6661 小时前
前端地图可视化的新宠儿:Cesium 地图封装实践
前端
lemonzoey1 小时前
无缝集成 gemini-cli 的 vscode 插件:shenma
前端·人工智能
老家的回忆1 小时前
jsPDF和html2canvas生成pdf,组件用的elementplus,亲测30多页,20s实现
前端·vue.js·pdf·html2canvas·jspdf
半点寒12W2 小时前
uniapp全局状态管理实现方案
前端
Vertira2 小时前
pdf 合并 python实现(已解决)
前端·python·pdf
牧杉-惊蛰2 小时前
uniapp微信小程序css中background-image失效问题
css·微信小程序·uni-app
PeterJXL2 小时前
Chrome 下载文件时总是提示“已阻止不安全的下载”的解决方案
前端·chrome·安全