【CSS】各百分比透明度 opacity 对应的 16 进制颜色值(例如:#FFFFFF80)
文章目录
- 使用:
6位颜色值+2位透明度值
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 |
相关文章:
【CSS】各百分比透明度 opacity 对应的 16 进制颜色值(例如:#FFFFFF80)
文章目录 使用:6位颜色值2位透明度值 color: #000000D4; /* 等价于 */ color: #000000; opacity : 0.83; /* 等价于 */ color: #000000; opacity : 83%; 对照表(0:完全透明,1:不透明) 透明度值百分百值十…...
有依次对应关系的数组X、Y、Z,如何排序其中一个X数组,使得另外的数组还与排序完成后的数组相对应(C语言实现)
1. 目的 有依次对应关系的数组X、Y、Z,排序其中一个X数组,使得另外的数组还与排序完成后的数组相对应,并打印出排序完成后的X、Y、Z数组。 2. 具体实现 以下面的这个对应关系为例,进行相应编程实现。 X [3.7,7.7,-6.6,1.5,-4.5…...
Mysql之聚合函数
Mysql之聚合函数 什么是聚合函数常见的聚合函数GROUP BYWITH ROLLUPHAVINGHAVING与WHERE的对比 总结SQL底层原理 什么是聚合函数 对一组数据进行汇总的函数,但是还是返回一个结果 聚合函数也叫聚集,分组函数 常见的聚合函数 1.AVG(): 求平均值 2.SUM() :…...
Flutter笔记:拖拽手势
Flutter笔记 拖拽手势 作者:李俊才 (jcLee95):https://blog.csdn.net/qq_28550263 邮箱 :291148484163.com 本文地址:https://blog.csdn.net/qq_28550263/article/details/134485123 目 录 1. 概述2. 垂直拖…...
软件运维面试题
文章目录 面试题如销售签有一外地客户,要求实施人员在客户现场一周内完成所有项目实施,而标准实施一般为期一个月,针对以上情况实施人员应该如何应对?答案 当你觉得工作的付出和你的收入不成正比的时候你会怎么做?答案 在你进行实…...
代码随想录算法训练营第23期day53|1143.最长公共子序列、1035.不相交的线、53. 最大子序和
目录 一、1143.最长公共子序列 二、1035.不相交的线 三、53. 最大子序和 一、1143.最长公共子序列 力扣题目链接 class Solution { public:int longestCommonSubsequence(string text1, string text2) {vector<vector<int>> dp(text1.size() 1, vector<int…...
MySQL 的执行原理(五)
5.6 再深入查询优化 5.6.1. 全局考虑性能优化 5.6.3.1. 为什么查询速度会慢 在尝试编写快速的查询之前,需要清楚一点,真正重要是响应时间。如果把查询看作是一个任务,那么它由一系列子任务组成,每个子任务都会消耗一定的时间。…...
如何快速将txt类型的日志文件转换为excel表格并进行数据分析报表统计图(如:饼图、折线图、柱状图)?
打开excel创建空白文档 选择一个txt文件 一动下面箭头↑竖线,可以拖拽左右调整要判断转换为一列的数据宽度 根据情况设置不同列的数据格式(每一列可以点击),设置好后点击【完成】 设置单元格数据格式 手动插入第一行为每列数据的…...
内网穿透的应用-如何在Docker中部署MinIO服务并结合内网穿透实现公网访问本地管理界面
文章目录 前言1. Docker 部署MinIO2. 本地访问MinIO3. Linux安装Cpolar4. 配置MinIO公网地址5. 远程访问MinIO管理界面6. 固定MinIO公网地址 前言 MinIO是一个开源的对象存储服务器,可以在各种环境中运行,例如本地、Docker容器、Kubernetes集群等。它兼…...
关于Unity自带的保存简单且持久化数据PlayerPrefs类的使用
Unity的PlayerPrefs类是用于在游戏中保存和读取玩家偏好设置或其他简单数据的工具。它提供了一种简单的键值对存储方式,可以在游戏中持久化保存数据。 PlayerPrefs提供了三种类型的数据的处理:分别是int,float,string。 具体使用方法如下: …...
力扣贪心——跳跃游戏I和II
1 跳跃游戏 利用边界进行判断,核心就是判定边界,边界内所有步数一定是最小的,然后在这个边界里找能到达的最远地方。 1.1 跳跃游戏I class Solution {public boolean canJump(int[] nums) {int len nums.length;int maxDistance 0;int te…...
【SA8295P 源码分析 (三)】132 - GMSL2 协议分析 之 GPIO/SPI/I2C/UART 等通迅控制协议带宽消耗计算
【SA8295P 源码分析】132 - GMSL2 协议分析 之 GPIO/SPI/I2C/UART 等通迅控制协议带宽消耗计算 一、GPIO 透传带宽消耗计算二、SPI 通迅带宽消耗计算三、I2C 通迅带宽消耗计算四、UART 通迅带宽消耗计算系列文章汇总见:《【SA8295P 源码分析 (三)】Camera 模块 文章链接汇总 -…...
毕业论文GPT说:
作为一个计算机专业的大四学生,学过英语,微积分,离散数学,概率论与数理统计,线性代数,具体数学,数论,C语言,汇编语言,在网格机算、数据科学、机器学习与智能工…...
Week-T10 数据增强
文章目录 一、准备环境和数据1.环境2. 数据 二、数据增强(增加数据集中样本的多样性)三、将增强后的数据添加到模型中四、开始训练五、自定义增强函数六、一些增强函数 🍨 本文为🔗365天深度学习训练营 中的学习记录博客…...
史上最全!PMP实用应试技巧汇总!
PMP(Project Management Professional 项目管理专业人士资格认证,由全球最大的项目管理专业组织机构——美国PMI发起,目的是用来严格评估管理项目人员知识技能是否具有高品质的资格认证考试。给大家带来关于PMP考试的实用应试技巧。 PMP解题…...
037、目标检测-SSD实现
之——实现 目录 之——简单实现 杂谈 正文 1.类别预测层 2.边界框预测 3.多尺度输出联结做预测(提高预测效率) 4.多尺度实现 5.基本网络块 6.完整模型 杂谈 原理查看:037、目标检测-算法速览-CSDN博客 正文 1.类别预测层 类别预测…...
【开题报告】基于SpringBoot的摄影作品展示网站的设计与实现
1.研究背景 随着社会的发展和人民生活水平的提高,摄影作品已成为一种非常受欢迎的艺术形式。越来越多的人开始对摄影艺术产生兴趣,并且拥有了自己的摄影作品。然而,如何将这些摄影作品展示出来并与其他摄影爱好者进行交流,成为了…...
SVR和SVM是什么关系
SVR(Support Vector Regression)和 SVM(Support Vector Machines)是支持向量机(Support Vector Machine)的两个不同方面,分别用于回归和分类问题。 SVM (Support Vector Machines): SVM是一种用…...
Flutter 3.16 中带来的更新
Flutter 3.16 中带来的更新 目 录 1. 概述2. 框架更新2.1 Material 3 成为新默认2.2 支持 Material 3 动画2.3 TextScaler2.4 SelectionArea 更新2.5 MatrixTransition 动画2.6 滚动更新2.7 在编辑菜单中添加附加选项2.8 PaintPattern 添加到 flutter_test 3. 引擎更新…...
批量插入数据与分页的原理及推导
批量插入数据 【1】准备数据 class Book(models.Model):title models.CharField(max_length32) 【2】一条一条插入 后端 def ab_many(request):# (1)先给Book表插入一万条数据for i in range(1000):models.Book.objects.create(titlef第{i}本书)# (2)将所有数据查询到并展…...
Hermes Agent工具接入Taotoken聚合平台的具体配置步骤详解
🚀 告别海外账号与网络限制!稳定直连全球优质大模型,限时半价接入中。 👉 点击领取海量免费额度 Hermes Agent工具接入Taotoken聚合平台的具体配置步骤详解 本教程将逐步演示如何将 Hermes Agent 工具的后端切换至 Taotoken 平台…...
一致性哈希终极指南:分布式系统设计的核心算法解析
一致性哈希终极指南:分布式系统设计的核心算法解析 【免费下载链接】system-design-resources These are the best resources for System Design on the Internet 项目地址: https://gitcode.com/gh_mirrors/sy/system-design-resources 一致性哈希是分布式系…...
【大模型推理加速终极指南】:奇点智能大会首发的7大工业级优化方案,错过再等一年
更多请点击: https://intelliparadigm.com 第一章:大模型推理加速方案:奇点智能大会 在2024年奇点智能大会上,多家前沿AI基础设施团队联合发布了面向千卡级集群的大模型推理加速新范式——以“动态张量分片硬件感知调度”为核心&…...
VS Code插件侧边栏渲染问题诊断与修复实战
1. 项目概述:一个解决特定IDE侧边栏问题的补丁最近在折腾一个老项目,用的是比较早期的开发环境,IDE是VS Code,但配套的插件生态有些年头了。在尝试使用一个名为“Codex”的辅助编码插件时,遇到了一个挺烦人的问题&…...
构建个人AI知识库:llm-wiki将对话记录转化为可搜索维基
1. 项目概述:从沉睡的对话记录到可搜索的知识库如果你和我一样,每天花大量时间与Claude Code、Cursor、GitHub Copilot这类AI编程助手对话,那你一定也积攒了成百上千个.jsonl格式的会话文件。它们静静地躺在~/.claude/projects/或~/.cursor/w…...
力扣算法刷题 Day 63 Bellman_ford 算法
队列优化 Bellman_ford 朴素算法在每一轮操作中对所有边进行松弛是不必要的。只需要对上一轮更新过的边进行计算就好,因此我们定义一个队列,初始化只有出发节点,之后其中为当前轮次加入的队列。 #include <iostream> #include <vect…...
深入解析系统级光标定制:从原理到实践打造个性化交互体验
1. 项目概述:从“换个鼠标指针”到打造个性化交互体验 “换个鼠标指针”听起来像是个微不足道的小把戏,对吧?我最初也是这么想的。但当我真正开始深入使用和定制 ashutoshbhole1/custom_cursor 这个项目时,我才意识到࿰…...
Arm Neoverse V2处理器异常机制与优化实践
1. Arm Neoverse V2处理器异常机制深度解析Arm Neoverse V2作为新一代基础设施级处理器,其微架构设计在追求极致性能的同时,也面临着复杂指令流水线与内存子系统带来的挑战。在实际开发中,工程师常会遇到几类典型异常场景:分支预测…...
2026年度AI大模型接口中转站深度测评:五大平台多维度硬核数据全方位横评
发布机构:中国产业信息研究院 TechInsight AI评测实验室 发布日期:2026年3月28日 数据来源:72小时连续压测、万级QPS仿真、10万 真实请求样本、服务商后台脱敏数据前言2026年,AI工业化得到全面落实,全球AI大模型接口…...
飞书机器人蜂群架构:开源框架实现微服务化智能助手开发
1. 项目概述:当飞书机器人遇上开源“蜂群” 如果你在团队协作中重度依赖飞书,并且对自动化流程有着近乎“贪婪”的需求,那么你很可能已经不止一次地想过:要是能有一个机器人,它能像瑞士军刀一样,集成各种功…...
