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

本文主要是介绍【CSS】各百分比透明度 opacity 对应的 16 进制颜色值(例如:#FFFFFF80),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 使用:6位颜色值+2位透明度值
color: #000000D4;
/* 等价于 */
color: #000000;
opacity : 0.83; 
/* 等价于 */
color: #000000;
opacity : 83%; 
  • 对照表(0:完全透明,1:不透明)
透明度值百分百值十六进制值
00%00
0.011%03
0.022%05
0.033%08
0.044%0A
0.055%0D
0.066%0F
0.077%12
0.088%14
0.099%17
0.1010%1A
0.1111%1C
0.1212%1F
0.1313%21
0.1414%24
0.1515%26
0.1616%29
0.1717%2B
0.1818%2E
0.1919%30
0.2020%33
0.2121%36
0.2222%38
0.2323%3B
0.2424%3D
0.2525%40
0.2626%42
0.2727%45
0.2828%47
0.2929%4A
0.3030%4D
0.3131%4F
0.3232%52
0.3333%54
0.3434%57
0.3535%59
0.3636%5C
0.3737%5E
0.3838%61
0.3939%63
0.4040%66
0.4141%69
0.4242%6B
0.4343%6E
0.4444%70
0.4545%73
0.4646%75
0.4747%78
0.4848%7A
0.4949%7D
0.5050%80
0.5151%82
0.5252%85
0.5353%87
0.5454%8A
0.5555%8C
0.5656%8F
0.5757%91
0.5858%94
0.5959%96
0.6060%99
0.6161%9C
0.6262%9E
0.6363%A1
0.6464%A3
0.6565%A6
0.6666%A8
0.6767%AB
0.6868%AD
0.6969%B0
0.7070%B3
0.7171%B5
0.7272%B8
0.7373%BA
0.7474%BD
0.7575%BF
0.7676%C2
0.7777%C4
0.7878%C7
0.7979%C9
0.8080%CC
0.8181%CF
0.8282%D1
0.8383%D4
0.8484%D6
0.8585%D9
0.8686%DB
0.8787%DE
0.8888%E0
0.8989%E3
0.9090%E6
0.9191%E8
0.9292%EB
0.9393%ED
0.9494%F0
0.9595%F2
0.9696%F5
0.9797%F7
0.9898%FA
0.9999%FC
1100%FF

这篇关于【CSS】各百分比透明度 opacity 对应的 16 进制颜色值(例如:#FFFFFF80)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/396716

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

C++使用printf语句实现进制转换的示例代码

《C++使用printf语句实现进制转换的示例代码》在C语言中,printf函数可以直接实现部分进制转换功能,通过格式说明符(formatspecifier)快速输出不同进制的数值,下面给大家分享C+... 目录一、printf 原生支持的进制转换1. 十进制、八进制、十六进制转换2. 显示进制前缀3. 指

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo