16进制颜色值透明度百分比对照

最新推荐文章于 2023-09-07 10:55:40 发布
最新推荐文章于 2023-09-07 10:55:40 发布
阅读量3.5k 收藏 5
点赞数
文章标签： 色值 前端颜色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_33267166/article/details/108871085
版权

透明度的16进制色值和百分比对照表

写代码会常用到透明度，例如红色16进制不加透明度为#FF0000，前面两位为透明度#00FF0000

<color name="red">#FF0000</color>

那么按照下表，不透明为

<color name="red">#FFFF0000</color>

半透明为

<color name="red">#80FF0000</color>

全透明为

<color name="red">#00FF0000</color>

以下为16进制色值前两位的透明值，

​​​​​​​0% (00)
1% (03) 2% (05) 3% (08) 4% (0A) 5% (0D)
6% (0F) 7% (12) 8% (14) 9% (17) 10% (1A)
11% (1C) 12% (1F) 13% (21) 14% (24) 15% (26)
16% (29) 17% (2B) 18% (2E) 19% (30) 20% (33)
21% (36) 22% (38) 23% (3B) 24% (3D) 25% (40)
26% (42) 27% (45) 28% (47) 29% (4A) 30% (4D)
31% (4F) 32% (52) 33% (54) 34% (57) 35% (59)
36% (5C) 37% (5E) 38% (61) 39% (63) 40% (66)
41% (69) 42% (6B) 43% (6E) 44% (70) 45% (73)
46% (75) 47% (78) 48% (7A) 49% (7D) 50% (80)
51% (82) 52% (85) 53% (87) 54% (8A) 55% (8C)
56% (8F) 57% (91) 58% (94) 59% (96) 60% (99)
61% (9C) 62% (9E) 63% (A1) 64% (A3) 65% (A6)
66% (A8) 67% (AB) 68% (AD) 69% (B0) 70% (B3)
71% (B5) 72% (B8) 73% (BA) 74% (BD) 75% (BF)
76% (C2) 77% (C4) 78% (C7) 79% (C9) 80% (CC)
81% (CF) 82% (D1) 83% (D4) 84% (D6) 85% (D9)
86% (DB) 87% (DE) 88% (E0) 89% (E3) 90% (E6)
91% (E8) 92% (EB) 93% (ED) 94% (F0) 95% (F2)
96% (F5) 97% (F7) 98% (FA) 99% (FC) 100%(FF)

IT_花花牛
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
十六进制中对应颜色透明度值（颜色透明度和十六进制对应关系）
lplj717的博客
07-17 1760
在Android开发中大多数都是用十六进制颜色值，一般的都是使用六位来确定颜色比如： #33C787（无透明度），但在一些特殊背景图的时候需要添加透明度，这就涉及到八位的十六进制来表示有透明度的颜色值了#33FFFFFF，33表示透明度，FFFFFF表示颜色值，#33FFFFFF表示20%透明度的白色，关于透明度下面给出一些常用的透明度颜色值对应的十六进制值供大家参考 不透明 100% FF 95% F2 90% E6 85% ...
JavaScript实现16进制颜色值转RGB的方法
10-24
主要介绍了JavaScript实现16进制颜色值转RGB的方法,是javascript比较典型的数值转换应用技巧,非常具有实用价值,需要的朋友可以参考下
RGBA（三原色+透明度）与十六进制颜色转换工具
08-09
在实际工作的项目中，经常会用到颜色的转换，一般是 RGBA（三原色+透明度） 转换为 十六进制颜色，或者十六进制颜色转换为 RGBA，此工具提供了 JavaScript 实现的双向转换的方法工具。
16进制色值透明度转换对应
qq_32862983的博客
08-03 439
100% — FF 99% — FC 98% — FA 97% — F7 96% — F5 95% — F2 94% — F0 93% — ED 92% — EB 91% — E8 90% — E6 89% — E3 88% — E0 87% — DE 86% — DB 85% — D9 84% — D6 83% — D4 82% — D1 81% — CF 80% — CC 79% — C9 78% — C7 77% — C4 76% — C2 75% — BF 74% — BD 73% — BA 72.
【Android】各个透明度的取值
Connor__AK的博客
08-09 2926
100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40 20% — 33 15% — 26 10% — 1A 5% — 0D
颜色透明度对应的十六进制表示法
勤劳是一种习惯
08-16 1万+
颜色透明度对应的十六进制表示法 对于好看的ui效果，会经常使用透明度的，所以掌握常用的16进制来表示颜色透明度是很有必要的。 常用的 0% 透明度表示完全不透明，不透明度为255，对应十六进制FF 10%透明度为 1A，20%透明度为 33， 30%透明度为 4D，40%透明度为 66， 50%透明度为 80，60%透明度为 99， 70%透明度为 B3，80%透明度为 CC， ...
十六进制颜色透明度对照表
qq_33169861的博客
03-29 6405
注如果要99%的红色透明，则16进制为：#FF0000FC 前6个FF0000为红色 FC为99% 100% - FF 99% - FC 98% - FA 97% - F7 96% - F5 95% - F2 94% - F0 93% - ED 92% - EB 91% - E8 90% - E6 89% - E3 88% - E0 87% - DE 86% - DB 85% - D9 84% - D6 83% - D4 82% - D1 81% - CF 80% - CC 79% - C9...
透明度与十六进制代码转换|透明颜色
craftsman2020的博客
11-25 1万+
文章目录1. hex color transparency （透明度十六进制表示法）2. 用法3. 例子4. 常见颜色表 1. hex color transparency （透明度十六进制表示法） 不透明度—16进制值 100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40
16进制颜色值与百分比颜色值的换算关系
gy1115的博客
03-21 1387
16进制颜色值与百分比颜色值的换算关系
让你搞懂十六进制的透明度
listStyleScript的博客
11-26 7133
1. 十六进制的透明度怎么计算. 首先00表示完全透明，FF就则是全不透明，化成十进制的范围就是0~255，举个例子:如何把10%的不透明度转换成十六制呢？很简单，255x10%≈26—>1A, 转换为16进制数为1A 懒得算,不碍事往下看↓ 2. 常用的透明度大全 100% FF 95% F2 90% E6 85% D9 80% CC 75% BF 70% B3 65% A6 60% 99 55% 8C 50% 80 45% 73 40% 66 35% 59 30%
网页设计必备工具16进制颜色值对照表
10-28
网页设计必备工具:十分清晰并透彻展现了各种16进制颜色值的对照。
随机生成16进制的颜色值
05-27
可以随机获得任意16进制的颜色，添加了一个定时器，让颜色自动变化！
如何给16进制的色值设置透明度
greed
07-05 3219
遇见要给16进制设置透明度的需求时,我之前的做法是把16进制转换为rab,进而通过rgba设置透明度,可能有人会有疑问为什么不直接使用rgba呢,并非是我不想,实在是接口返回的是16进制, 偶然之间我发现了这种写法,原来16进制的设置是可以直接设置透明度的,一下是效果展示 ............
CSS3 十六进制透明度
黄彪博客
02-13 1406
公司使用 sketch 做“高保真”设计，UCD 比较喜欢 “透明”的效果，每次复制 CSS 样式，就会出现 16进制的背景色，然后还有透明度，例如。#00143b 颜色的透明度是 80（十六进制），不透明是 FF, 全透明是00，因此 80的透明度是 相当于全透明的 50%解决办法： 将背景色的 16进制全部改为 十六进制颜色码转换成RGB颜色值；然后再使用 rgba() 函数。缺点：觉得效率太低了，需要每个都复制到工具网站去计算。
css十六进制8位带透明度色值（6位色值＋2位透明度值）使用
lllsj的博客
11-25 608
css十六进制8位带透明度色值（6位色值＋2位透明度值）使用。
16进制色值透明度对照表
qq_34707150的博客
07-24 1万+
100% — FF 99% — FC 98% — FA 97% — F7 96% — F5 95% — F2 94% — F0 93% — ED 92% — EB 91% — E8 90% — E6 89% — E3 88% — E0 87% — DE 86% — DB 85% — D9 84% — D6 83% — D4 82% — D1 81% — CF 80% — CC 79% — C9 7...
颜色透明度对照表
kongT。的博客
09-07 205
每次拿到高保真UI图之后看到上面的颜色带透明度的就一阵头大，因为记不住透明度表，每次都要去搜一下，还有很多置顶推广的广告（烦~）。00是完全透明(百分百透明)，FF就是完全不透明。透明度 16进制表示。
颜色透明度十六进制表示法
热门推荐
javaonline888的专栏
05-08 1万+
Android开发中经常会用到色值的透明度，比如要70%透明或者30%透明，这时候就有点犯难了，要么Google，要么借助PS等工具，其实都比较麻烦，下面将把0到100的透明度按照5%的梯度列出，方便收藏使用。 其实在开发的过程中我们会经常遇到类似的情况，一些小工具就能方便快速的解决我们遇到的问题，如果你有好的收藏或问题欢迎在留言区分享。 hex color transparency （透明度...
Rain Water Algorithm雨水优化算法附matlab代码.zip
最新发布
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
css16进制颜色透明度50%
08-19
对不起，我之前的回答可能有点误导。实际上，CSS的16进制颜色值无法直接表示透明度。如果你想要使用16进制颜色值并设置透明度，你需要使用CSS中的其他方法。 一种常见的做法是使用rgba()函数，将16进制颜色值转换为RGBA颜色值，并在最后一个参数alpha处设置透明度。例如，如果你有一个16进制颜色值为#FF0000（红色），并想要设置透明度为50%，可以将其转换为RGBA颜色值rgba(255, 0, 0, 0.5)。 另一种方法是使用CSS3中的HSLA颜色值，将16进制颜色值转换为HSLA颜色值，并在最后一个参数alpha处设置透明度。然而，请注意，这种方法需要将16进制颜色值转换为对应的HSL颜色值，再加上alpha值。转换过程可能比较复杂。 总之，如果你想要使用16进制颜色值并设置透明度，建议使用rgba()函数。希望这次能够解答到您的问题。如果还有其他疑问，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值