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颜色值关系转换,颜色值透明度的百分数对应十六进制表相关推荐

  1. Python 16进制与字符串的转换、二进制 to 十进制、十六进制 to 十进制、十进制 to 二进制

    2.7版本 2.7版本下进行转换还是很方便的,hex2char:output = 'data'.decode('hex')  char2hex: output = '64617461'.encode( ...

  2. RGB颜色与16进制色以及透明色

    转载请标明出处:http://blog.csdn.net/liang5630/article/details/43483331 ,本文出自:[刘宏亮的博客] RGB颜色与16进制色以及透明色是我们在开 ...

  3. 【图片】Python对RGB颜色与16进制颜色进行互转

    RGB颜色被称为"真彩色",是Photoshop中默认使用的颜色,也是最常用的一种颜色模式.RGB模式的图像由3个颜色通道组成,分别为红色通道(Red).绿色通道(Green)和蓝 ...

  4. 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 如何将 ...

  5. RGB 颜色透明16进制表示

    RGB 颜色透明16进制表示 列如:白色全透明 #00FFFFFF,白色半透明 #1AFFFFFF 100% 00 99% 03 98% 05 97% 07 96% 0A 95% 0D 94% 0F ...

  6. 物联网中常用的方法,16进制二进制之间的转换

    由于最近公司做的是关于物联网的项目,所以经常用到进制转换的功能,所以自己写了一些并且收集了一些方法,供大家使用 import java.text.SimpleDateFormat; import ja ...

  7. 颜色值透明度的百分数对应十六进制表

    目录 颜色简介 1. 透明度的计算 2,透明度和不透明度的转换 3,透明度对应的十六进制值 4,不透明度对应的十六进制值 颜色简介 Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以& ...

  8. RGB颜色转换为16进制颜色

    RGB颜色值转换为16进制颜色值,主要是将 R.G.B 值分别转换为对应的十六进制值 例子: 输入:rgb(238, 208, 157) 输出:#eed09d 代码如下: function color ...

  9. Python Tkinter 小项目 RGB数值转换为16进制码

    欢迎来到<Python 小项目>专栏,这个专栏会不定时更新Python的小项目,大家可以订阅关注哦! 这次,我们用Tkinter写一个RGB转16进制的一个小工具,先看看效果: 代码教学: ...

最新文章

  1. 在CentOS 6.3/6.6 64bit上源码安装cmake 3.4.0
  2. c语言考试经典编程题目及答案,经典练习C语言编程的题目及答案整理
  3. SEEK FREE |智能车竞赛计时器使用说明
  4. RxJava+Retrofit+OkHttp深入浅出-终极封装四(多文件下载之断点续传)
  5. css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置
  6. python 太灵活_Python中的灵活参数
  7. SQL-----------------------之ON和WHERE的区别
  8. 海康相机IP搜索协议研究
  9. 制作U盘启动盘--win7系统
  10. wps打印预览工具栏消失_在WPS电子表格中看不到打印预览怎么办?
  11. 【资源管理器老是重启 win7资源管理器重启的解决办法】
  12. 案例6-1.3 哥尼斯堡的“七桥问题”
  13. 俗语“手握金鱼骨,富贵不用愁”,是啥意思?金鱼骨怎么形成的?
  14. Java 调用ffmpeg 实现视频编辑
  15. Minecraft——Forge1.16.5模组开发(36.2.20)——(3)第一个实体方块
  16. Django項目部署到Ubuntu服務器
  17. hadoop中使用hprof工具进行性能分析
  18. xilinx_Recovery/Removal
  19. Android开源项目分类整理
  20. 北京文通科技有限公司 我的家

热门文章

  1. 谷歌浏览器调用打印机不预览
  2. 读伤寒杂病论随想(转)
  3. mac m1 外接 4k 显示器 字体发虚 发灰怎么办
  4. ffmpeg 有声视频合成背景音乐(合成多声音/合成多音轨)
  5. asp计算机房预约系统源码,(机房)实验室预约管理系统
  6. 利用TPTP对Java程序进行性能测试
  7. 从ARM处理器,看“贵云黔芯”国产自主安全解决方案
  8. android屏幕分辨率适配总结
  9. 电力作业虚拟仿真培训教学平台的功能及特色介绍
  10. spring cloudAlibaba gateway网关报错,显示无法找到注册中心注册自己。