不透明度百分比 16进制值对照表；rgb色值16进制转化原理

最新推荐文章于 2024-05-09 08:43:19 发布
最新推荐文章于 2024-05-09 08:43:19 发布
阅读量4k 收藏 2
点赞数 2
分类专栏： 前端 文章标签： 不透明度对应16进制 色值的16进制计算
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012982629/article/details/82289571
版权 
不透明度 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   
20%     33   
15%     26    
10%     1A  
5%      0D    
0%      00

十六进制色值#AARRGGBB 前2位代表透明度，后面每隔2位依次代表红、绿、蓝，等同于css中用rgba(0~255,0~255,0~255,0~1)表示的一样。

那么这8位16进制数是怎么算出来的呢？
首先大家知道一个颜色总共有255阶，那剩下的就是10进制转16进制了，就拿前2位的不透明度作例：
不透明度为100%，可以理解为255，255/16=15…15转化16进制即FF；
不透明度为50%，可以理解为255*0.5=128，128/16=8…0转化16进制即80；
其他红绿蓝色值算法同理，举一反三：
纯白色16进制色值为#FFFFFFFF,rgb(255,255,255)
纯黑色16进制色值为#FF000000,rgb(0,0,0)

huch_shyh
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
不透明度十六进制_十六进制不透明度表
culuo8053的博客
08-10 1963
不透明度十六进制We've used hex colors for years but 8-digit hexadecimal is still relatively new. While rgba is simple to understand, 8-digit hex is more difficult, as you need to provide a hex representation...
网页设计必备工具16进制颜色值对照表
10-28
除了16进制表示法，RGB颜色值还可以用百分比（0%到100%）或0到255的整数来表示。例如，100%的红色在百分比表示法中为"255, 0, 0"，而在整数表示法中为"255, 0, 0"，16进制形式则为"#FF0000"。在某些编程语言中，如...
不透明度16进制表示
u013728021的博客
01-11 1501
透明度百分比 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 20% 33 15% 26 10% 1A 5% 0D ...
颜色不透明度16进制对照表
热门推荐
muranfei的博客
08-02 3万+
记录下开发中常用的不透明度对应的16进制，注意是不透明度 100% — FF 完全不透明 对应透明度0% ff000000 对应纯黑色 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...
rgb透明度百分比
最新发布
bigahua的博客
05-09 330
100% — FF95% — F290% — E685% — D980% — CC75% — BF70% — B365% — A660% — 9955% — 8C50% — 8045% — 7340% — 6635% — 5930% — 4D25% — 4020% — 3315% — 2610% — 1A5% — 0D0% — 00记录一下。
十六进制颜色的不透明度
dorytmx的博客
11-05 727
十六进制颜色由#加八位数字或字母组成，前两个为透明度（十六进制），后面六位为颜色代码 透明度记录 00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c ...
不透明度16进制值
zjx2014430的专栏
08-01 360
1. 不透明度16进制值 不透明度 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
Android透明度百分比对应的十六进制值
10-26
该文档包含了Android中透明度百分比及对应的十六进制值的数据。
html中表示颜色的方式有6位16进制代码及rgb或关键字
12-14
在HTML中颜色有3中表示方式，最常用的是6位16进制的代码表示法。...另外颜色还可以用rgb(r,g,b)表示，括号中的r,g,b分别用0-255的十进制数或百分比表示红绿蓝，例如rgb(255,0,0)以及rgb(100%,0%,0%
C#实现HSL颜色值转换为RGB的方法
09-03
在计算机图形学和色彩理论中，HSL（Hue、Saturation、Lightness）和RGB（Red、Green、Blue）是两种常见的颜色表示方式。HSL颜色模型更符合人类对颜色直觉的理解，而RGB则对应显示器等设备的像素颜色组成。在C#编程中...
颜色值不透明度对应表（0%-100%）
weixin_75102992的博客
12-18 851
颜色值不透明度对应表（0%-100%）
不透明度百分比与16进制的近似转换
yy197133的博客
10-27 611
不透明度十六进制换算 步骤 最大职位255X不透明度=（十进制） （十个进制）转（十六进制）得参照表：00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=
颜色值十六进制透明度/不透明度
钬码狼酷的博客
06-15 1261
百分比—16进制值 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.
【Android】各个透明度的取值
Connor__AK的博客
08-09 2948
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
Android不透明度16进制值
壹口尘埃
04-20 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% — 4D 25% — 40 20% — 33 15% — 26 10% — 1A 5% — 0D
Android 不透明度值换算
糖粒儿的博客
02-10 2155
例如:颜色值:#FFFFFF,透明度50%。使用过程中我们需要进行换算。换算过程如下:1、将透明度转换成不透明度： 不透明度为50%（透明度+不透明度=100%） 2、不透明度乘以255。 我们得到结果：127.5（四省五入成128） 3、将计算结果转换成16进制。得到最终的不透明度：80 4、将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值： #80FFFFFF记录一下自己备用。
不透明度的16进制 数值
haoxuezhe1988的专栏
01-14 515
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
让你搞懂十六进制的透明度
listStyleScript的博客
11-26 7383
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进制对应表
卓原的进化之旅
01-17 1万+
一、颜色透明度和十六进制对应的表格： 透明度 16进制 100% 0 99% 3 98% 5 97% 7 96% 0A 95% 0D 94% 0F 93% 12 92% 14 91% 17 90% 1A 89% 1C 88% 1E 87% 21 86% 24 85% 26 84% 29 83% 2B 82% 2...
写一个前端js 字符串是rgb格式或是rgba的或是16进制的颜色时生成一个该颜色的深色颜色及浅色颜色
04-26
好的，我知道了。对于这个问题，我们可以先将 RGB 或 RGBA 颜色转换成 HSL 颜色，然后对 HSL 颜色的亮度进行调整，得到深色颜色和浅色颜色。具体实现可以参考以下代码： ```javascript function shadeColor(color, percent) { var num = parseInt(color.slice(1), 16), amt = Math.round(2.55 * percent), R = (num >> 16) + amt, G = (num >> 8 & 0x00FF) + amt, B = (num & 0x0000FF) + amt, newColor = (0x1000000 + (R<255?R<1?0:R:255)*0x10000 + (G<255?G<1?0:G:255)*0x100 + (B<255?B<1?0:B:255)).toString(16).slice(1); return '#' + newColor; } function lightenDarkenColor(color, percent) { var num = parseInt(color.slice(1), 16), amt = Math.round(2.55 * percent), R = (num >> 16) + amt, G = (num >> 8 & 0x00FF) + amt, B = (num & 0x0000FF) + amt; R = R < 255 ? (R < 1 ? 0 : R) : 255; G = G < 255 ? (G < 1 ? 0 : G) : 255; B = B < 255 ? (B < 1 ? 0 : B) : 255; var newColor = "#" + (0x1000000 + R * 0x10000 + G * 0x100 + B).toString(16).slice(1); return newColor; } function RGBtoHSL(r, g, b) { r /= 255, g /= 255, b /= 255; var max = Math.max(r, g, b), min = Math.min(r, g, b); var h, s, l = (max + min) / 2; if (max == min) { h = s = 0; // grayscale } else { var d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch (max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return [h, s, l]; } function HSLtoRGB(h, s, l) { var r, g, b; if (s == 0) { r = g = b = l; // achromatic } else { function hue2rgb(p, q, t) { if (t < 0) t += 1; if (t > 1) t -= 1; if (t < 1 / 6) return p + (q - p) * 6 * t; if (t < 1 / 2) return q; if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6; return p; } var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1 / 3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1 / 3); } return [r * 255, g * 255, b * 255]; } function lightenDarkenColor(color, percent) { var hsl = RGBtoHSL(parseInt(color.substr(1, 2), 16), parseInt(color.substr(3, 2), 16), parseInt(color.substr(5, 2), 16)); hsl[2] += (percent / 100); hsl[2] = Math.max(0, Math.min(1, hsl[2])); var rgb = HSLtoRGB(hsl[0], hsl[1], hsl[2]); return "#" + ((1 << 24) + (Math.round(rgb[0]) << 16) + (Math.round(rgb[1]) << 8) + Math.round(rgb[2])).toString(16).slice(1); } function generateColors(color) { var lightColor = lightenDarkenColor(color, 20); var darkColor = lightenDarkenColor(color, -20); return { light: lightColor, dark: darkColor }; } var color = '#FF0000'; console.log(generateColors(color)); // { light: "#ffb3b3", dark: "#cc0000" } ``` 在这个代码中，我们先定义了两个函数 `RGBtoHSL` 和 `HSLtoRGB` 来实现 RGB 和 HSL 颜色之间的转换。然后我们定义了一个 `lightenDarkenColor` 函数来实现调整颜色亮度的功能，其中 `percent` 参数是一个表示要调整的亮度百分比的数字，例如 `20` 表示调亮 `20%`，`-20` 表示调暗 `20%`。 最后，我们实现了一个 `generateColors` 函数来生成深色和浅色颜色。该函数接受一个 RGB 或 RGBA 颜色字符串作为输入，并通过调用 `lightenDarkenColor` 函数来生成深色和浅色颜色。函数返回一个包含两个属性的对象，分别对应深色和浅色颜色的字符串表示。 希望这个代码对你有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值