【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 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间

苹果macOS 26 Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色

《苹果macOS26Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色》在整体系统设计方面,macOS26采用了全新的玻璃质感视觉风格,应用于Dock栏、应用图标以及桌面小部件等多个界面... 科技媒体 MACRumors 昨日(6 月 13 日)发布博文,报道称在 macOS 26 Tahoe 中

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程

CSS3中的字体及相关属性详解

《CSS3中的字体及相关属性详解》:本文主要介绍了CSS3中的字体及相关属性,详细内容请阅读本文,希望能对你有所帮助... 字体网页字体的三个来源:用户机器上安装的字体,放心使用。保存在第三方网站上的字体,例如Typekit和Google,可以link标签链接到你的页面上。保存在你自己Web服务器上的字

html 滚动条滚动过快会留下边框线的解决方案

《html滚动条滚动过快会留下边框线的解决方案》:本文主要介绍了html滚动条滚动过快会留下边框线的解决方案,解决方法很简单,详细内容请阅读本文,希望能对你有所帮助... 滚动条滚动过快时,会留下边框线但其实大部分时候是这样的,没有多出边框线的滚动条滚动过快时留下边框线的问题通常与滚动条样式和滚动行

使用Python实现获取屏幕像素颜色值

《使用Python实现获取屏幕像素颜色值》这篇文章主要为大家详细介绍了如何使用Python实现获取屏幕像素颜色值,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、一个小工具,按住F10键,颜色值会跟着显示。完整代码import tkinter as tkimport pyau

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv