rgb 与 #开头16进制 HEX颜色值关系转换,颜色值透明度的百分数对应十六进制表
1、0x开头与#开头
从计算机的数值表示上讲,0x开头的其实并不是所谓颜色代码的表示方法,而是16进制数的标准写法,譬如0xA就是十进制的10。而**#开头**的六(或三)位十六进制数是在设计领域(如CSS以及一些绘图软件)中颜色代码的表示方法。
2、透明度的计算
透明度分为256个等级,即 0 - 256,0就是透明,255就是不透明
透明度 (透明)0 –> 255(不透明) 对应着16进制 (透明)00 –> FF(不透明)
比如:50%透明度白色
50%也就是256的一半即128,因为是从0开始算的,所以是 127,转换成16进制就是 7F
最终结果:#7F FFFFFF
3、 RGB 与 HEX
RGB: 三通道颜色
他是目前运用最广泛的颜色系统之一
可以通过红绿蓝三色通道, 外加alpha透明度, 来展示几乎所有的颜色
RGB是从颜色的发光原理来设定的, 相当于红绿蓝三个颜色通过不同亮度, 来组合成为需要的颜色
0为最暗, 255为最亮
HEX: 十六进制颜色
十六进制与RGB都可以展示出非常丰富的颜色, 他是通过16进制0~F这16个字符来表达颜色的
同样, 000000为黑色, FFFFFF为白色
RGB转换为HEX
RGB与HEX中每个颜色都是一一对应的关系, 如下面的附表所示
RGB的数值 = 16 * HEX的第一位 + HEX的第二位
示例如下:
RGB: 92, 184, 23292 / 16 = 5余12 -> 5C184 / 16 = 11余8 -> B8232 / 16 = 14余8 -> E8HEX = 5CB8E8
HEX转换RGB
此转换就是将上述的转换逆转即可
示例如下
HEX: F26BC1F2 = 15和2 -> 15 * 16 + 2 = 2426B = 6和11 -> 6 * 16 + 11 = 107C1 = 12和1 -> 12 * 16 + 1 = 193
4、透明度对应的十六进制值
//java代码生成的对应表
for (int i = 100; i>=0; i--) {double j = (i / 100.0d);int alpha = (int) Math.round(255-j * 255);String hex = Integer.toHexString(alpha).toUpperCase();if (hex.length() == 1) hex = "0" + hex;int percent = (int) (j*100);System.out.println(String.format("%d%% — %s", percent, hex));
}
透明度 | 16进制表示 |
100% | 00(全透明) |
99% | 03 |
98% | 05 |
97% | 07 |
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% | 2E |
81% | 30 |
80% | 33 |
79% | 36 |
78% | 38 |
77% | 3B |
76% | 3D |
75% | 40 |
74% | 42 |
73% | 45 |
72% | 47 |
71% | 4A |
70% | 4D |
69% | 4F |
68% | 52 |
67% | 54 |
66% | 57 |
65% | 59 |
64% | 5C |
63% | 5E |
62% | 61 |
61% | 63 |
60% | 66 |
59% | 69 |
58% | 6B |
57% | 6E |
56% | 70 |
55% | 73 |
54% | 75 |
53% | 78 |
52% | 7A |
51% | 7D |
50% | 80 |
49% | 82 |
48% | 85 |
47% | 87 |
46% | 8A |
45% | 8C |
44% | 8F |
43% | 91 |
42% | 94 |
41% | 96 |
40% | 99 |
39% | 9C |
38% | 9E |
37% | A1 |
36% | A3 |
35% | A6 |
34% | A8 |
33% | AB |
32% | AD |
31% | B0 |
30% | B3 |
29% | B5 |
28% | B8 |
27% | BA |
26% | BD |
25% | BF |
24% | C2 |
23% | C4 |
22% | C7 |
21% | C9 |
20% | CC |
19% | CF |
18% | D1 |
17% | D4 |
16% | D6 |
15% | D9 |
14% | DB |
13% | DE |
12% | E0 |
11% | E3 |
10% | E6 |
9% | E8 |
8% | EB |
7% | ED |
6% | F0 |
5% | F2 |
4% | F5 |
3% | F7 |
2% | FA |
1% | FC |
0% | FF(完全不透明) |
rgb 与 #开头16进制 HEX颜色值关系转换,颜色值透明度的百分数对应十六进制表相关推荐
- Python 16进制与字符串的转换、二进制 to 十进制、十六进制 to 十进制、十进制 to 二进制
2.7版本 2.7版本下进行转换还是很方便的,hex2char:output = 'data'.decode('hex') char2hex: output = '64617461'.encode( ...
- RGB颜色与16进制色以及透明色
转载请标明出处:http://blog.csdn.net/liang5630/article/details/43483331 ,本文出自:[刘宏亮的博客] RGB颜色与16进制色以及透明色是我们在开 ...
- 【图片】Python对RGB颜色与16进制颜色进行互转
RGB颜色被称为"真彩色",是Photoshop中默认使用的颜色,也是最常用的一种颜色模式.RGB模式的图像由3个颜色通道组成,分别为红色通道(Red).绿色通道(Green)和蓝 ...
- html rgb 16进制转换,rgb转16进制 rgb对应的16进制是多少
c++如何将RGB(230,230,230)转换成0x十六进制 移位和按位加: int r,g,b; int c; // TC 用 long int; // 如果次序是RRGGBB c = r 如何将 ...
- RGB 颜色透明16进制表示
RGB 颜色透明16进制表示 列如:白色全透明 #00FFFFFF,白色半透明 #1AFFFFFF 100% 00 99% 03 98% 05 97% 07 96% 0A 95% 0D 94% 0F ...
- 物联网中常用的方法,16进制二进制之间的转换
由于最近公司做的是关于物联网的项目,所以经常用到进制转换的功能,所以自己写了一些并且收集了一些方法,供大家使用 import java.text.SimpleDateFormat; import ja ...
- 颜色值透明度的百分数对应十六进制表
目录 颜色简介 1. 透明度的计算 2,透明度和不透明度的转换 3,透明度对应的十六进制值 4,不透明度对应的十六进制值 颜色简介 Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以& ...
- RGB颜色转换为16进制颜色
RGB颜色值转换为16进制颜色值,主要是将 R.G.B 值分别转换为对应的十六进制值 例子: 输入:rgb(238, 208, 157) 输出:#eed09d 代码如下: function color ...
- Python Tkinter 小项目 RGB数值转换为16进制码
欢迎来到<Python 小项目>专栏,这个专栏会不定时更新Python的小项目,大家可以订阅关注哦! 这次,我们用Tkinter写一个RGB转16进制的一个小工具,先看看效果: 代码教学: ...
最新文章
- 在CentOS 6.3/6.6 64bit上源码安装cmake 3.4.0
- c语言考试经典编程题目及答案,经典练习C语言编程的题目及答案整理
- SEEK FREE |智能车竞赛计时器使用说明
- RxJava+Retrofit+OkHttp深入浅出-终极封装四(多文件下载之断点续传)
- css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置
- python 太灵活_Python中的灵活参数
- SQL-----------------------之ON和WHERE的区别
- 海康相机IP搜索协议研究
- 制作U盘启动盘--win7系统
- wps打印预览工具栏消失_在WPS电子表格中看不到打印预览怎么办?
- 【资源管理器老是重启 win7资源管理器重启的解决办法】
- 案例6-1.3 哥尼斯堡的“七桥问题”
- 俗语“手握金鱼骨,富贵不用愁”,是啥意思?金鱼骨怎么形成的?
- Java 调用ffmpeg 实现视频编辑
- Minecraft——Forge1.16.5模组开发(36.2.20)——(3)第一个实体方块
- Django項目部署到Ubuntu服務器
- hadoop中使用hprof工具进行性能分析
- xilinx_Recovery/Removal
- Android开源项目分类整理
- 北京文通科技有限公司 我的家