本文目录

  • RGB-HEX对照表
  • RGB转HEX

RGB-HEX对照表

RGB的取值范围 [0,255],HEX的取值范围[00,FF],下面是RGB-HEX对照表:

RGB HEX
0   00
1   01
2   02
3   03
4   04
5   05
6   06
7   07
8   08
9   09
10  0A
11  0B
12  0C
13  0D
14  0E
15  0F
16  10
17  11
18  12
19  13
20  14
21  15
22  16
23  17
24  18
25  19
26  1A
27  1B
28  1C
29  1D
30  1E
31  1F
32  20
33  21
34  22
35  23
36  24
37  25
38  26
39  27
40  28
41  29
42  2A
43  2B
44  2C
45  2D
46  2E
47  2F
48  30
49  31
50  32
51  33
52  34
53  35
54  36
55  37
56  38
57  39
58  3A
59  3B
60  3C
61  3D
62  3E
63  3F
64  40
65  41
66  42
67  43
68  44
69  45
70  46
71  47
72  48
73  49
74  4A
75  4B
76  4C
77  4D
78  4E
79  4F
80  50
81  51
82  52
83  53
84  54
85  55
86  56
87  57
88  58
89  59
90  5A
91  5B
92  5C
93  5D
94  5E
95  5F
96  60
97  61
98  62
99  63
100 64
101 65
102 66
103 67
104 68
105 69
106 6A
107 6B
108 6C
109 6D
110 6E
111 6F
112 70
113 71
114 72
115 73
116 74
117 75
118 76
119 77
120 78
121 79
122 7A
123 7B
124 7C
125 7D
126 7E
127 7F
128 80
129 81
130 82
131 83
132 84
133 85
134 86
135 87
136 88
137 89
138 8A
139 8B
140 8C
141 8D
142 8E
143 8F
144 90
145 91
146 92
147 93
148 94
149 95
150 96
151 97
152 98
153 99
154 9A
155 9B
156 9C
157 9D
158 9E
159 9F
160 A0
161 A1
162 A2
163 A3
164 A4
165 A5
166 A6
167 A7
168 A8
169 A9
170 AA
171 AB
172 AC
173 AD
174 AE
175 AF
176 B0
177 B1
178 B2
179 B3
180 B4
181 B5
182 B6
183 B7
184 B8
185 B9
186 BA
187 BB
188 BC
189 BD
190 BE
191 BF
192 C0
193 C1
194 C2
195 C3
196 C4
197 C5
198 C6
199 C7
200 C8
201 C9
202 CA
203 CB
204 CC
205 CD
206 CE
207 CF
208 D0
209 D1
210 D2
211 D3
212 D4
213 D5
214 D6
215 D7
216 D8
217 D9
218 DA
219 DB
220 DC
221 DD
222 DE
223 DF
224 E0
225 E1
226 E2
227 E3
228 E4
229 E5
230 E6
231 E7
232 E8
233 E9
234 EA
235 EB
236 EC
237 ED
238 EE
239 EF
240 F0
241 F1
242 F2
243 F3
244 F4
245 F5
246 F6
247 F7
248 F8
249 F9
250 FA
251 FB
252 FC
253 FD
254 FE
255 FF

RGB转HEX

方法如下所示:

  colorHex: function (string) {if (/^(rgb|RGB)/.test(string)) {var aColor = string.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");var strHex = "#";for (var i = 0; i < aColor.length; i++) {var hex = Number(aColor[i]).toString(16);// 修正:不足两位,补0if (hex.length == 1) {hex = "0" + hex} else {if (hex == "0") {hex += hex;}}strHex += hex;}console.log("rgb:" + strHex);if (strHex.length != 7) {strHex = string;}return strHex;} else if (reg.test(string)) {var aNum = string.replace(/#/, "").split("");if (aNum.length === 6) {return string;} else if (aNum.length === 3) {var numHex = "#";for (var i = 0; i < aNum.length; i += 1) {numHex += (aNum[i] + aNum[i]);}return numHex;}} else {return string;}}

颜色值RGB转换为HEX(十六进制)相关推荐

  1. 在线RGB和HEX十六进制颜色互转工具

    在线RGB和HEX十六进制颜色互转工具 在线RGB和HEX十六进制颜色互转工具 本工具支持在线RGB和十六进制颜色互转,请直接修改左边的RGB值,对应的十六进制颜色值会自动改变,或者修改16进制值,R ...

  2. JS换算颜色值(HSV、RGB、Hex、十六进制颜色码)

    1.HSV to RGB HSV 是指☞ Hue色相.Saturation饱和度.Value明度(亮度) hsv2rgb(h, s, v) {let i, f, p1, p2, p3;let r = ...

  3. Js 实现颜色值转换_Js 实现十六进制颜色值和RGB颜色值转换整理

    一.Js 实现颜色值转换处理 js实现 十六进制颜色值转RGB颜色值 js实现 RGB颜色值 转 十六进制颜色值 var colorChange = {rgbToHex: function (val) ...

  4. 关于RGB颜色与十六进制颜色

    文章目录 RGB颜色与十六进制颜色的数值转换 通过QQ或微信的截图工具获取当前屏幕的颜色值 RGB颜色与十六进制颜色的数值转换 先来感受一下两种颜色值的大致形状: RGB(11,111,222) 十六 ...

  5. php的long类型转换,[PHP]将RGB或HEX转换为“Long Int”颜色

    对于使用此格式的其他程序,需要将RGB或HEX颜色转换为"Long Int".虽然不确定"Long Int"颜色格式的细节. hexdec为某些HEX值('FF ...

  6. Windows Phone 7 系统主题颜色RGB和Hex值

    Windows Phone 主题是背景色与个性色的组合.背景色是背景的颜色,个性色是应用于控件和其他可视元素的颜色.有两种背景选项可供使用(深色和浅色),另外共有 10 种标准个性色可用于您的应用程序 ...

  7. W3school:CSS基础:CSS注释、颜色(颜色、RGB、HEX、HSL)、背景(背景、背景图像、背景重复、背景附着、简写背景属性)

    W3school:CSS基础:CSS注释.颜色(颜色.RGB.HEX.HSL).背景(背景.背景图像.背景重复.背景附着.简写背景属性) 一.CSS注释 1.注释用于解释代码,以后在您编辑源代码时可能 ...

  8. CSS颜色:RGB颜色/HEX颜色/HSL颜色(网页颜色完全总结)

    目录 CSS 颜色名 CSS 背景色 实例 CSS 文本颜色 ​编辑 实例 CSS 边框颜色 实例 CSS 颜色值 实例 RGB 值 rgb(red, green, blue) 实例 实例 RGBA ...

  9. JS 颜色RGB转换为16进制 相互转换 方法

    /*RGB转换为16进制*/ const colorRgbToHex = (rgbStr: string) => {//十六进制颜色值的正则表达式constreg = /^#([0-9a-fA- ...

  10. RGB颜色转换十六进制颜色

    RGB颜色转换为十六进制颜色:     十六进制颜色转换为RGB颜色:     十六进制颜色查询 颜   色 英文代码 形象描述 十六进制 RGB   LightPink 浅粉红 #FFB6C1 25 ...

最新文章

  1. C#面向插件级别的软件开发 - 开源研究系列文章
  2. 如何创建并运行java线程
  3. Python补充01 序列的方法
  4. 关于Socket和IOCP的一些值得注意的地方
  5. Git 的安装和创建版本库 。
  6. python logging 控制其他模块等级_Python常用模块:logging模块介绍
  7. Mac OS使用ll、la、l等ls的别名命令
  8. 计算机在制造业中的应用,计算机技术在机械制造中的应用
  9. 路由信息协议工作原理
  10. linux串口 demo 解析原创 代码没有完全测试
  11. 以二进制输出64位类型的数据_Java入门第五课:Java基本数据类型与变量的声明...
  12. 2021年初行政区划数据
  13. 计算机网络中的冗余的意思,计算机网络基础 实验四 交换网络中冗余链路.ppt
  14. matplotlib使用笔记
  15. ambari 修改服务器名,ambari - Ambari无法运行用于修改用户配置单元的自定义钩子 - 堆栈内存溢出...
  16. 中式客厅装修的特点 亦古亦今的惊艳每一家
  17. linux中nginx启动,重启,关闭命令
  18. 鸟哥私房菜学习(四)安装CentOS 7
  19. 初学者奇怪的迷惑点:CTR模式,做实验的时候nonce的取值为啥啊固定?
  20. git config本地信息配置

热门文章

  1. prometheus安装使用
  2. java 继承作用_理解java的三大特性之继承
  3. No Route to Host from master/192.168.2.131 to master:9000 failed on socket t
  4. 计算机关闭后桌面文件丢失,win7系统电脑关机重启后桌面文件全部不见了的解决方法...
  5. 计算机工程师相关政策,计算机中级工程师论文发表(发表时机和要求)
  6. HTML的发展史及背景,HTML发展史 - 蓝蓝设计每日一贴
  7. linux用户起名,如何在Linux中重命名用户(也可以重命名组和主目录)
  8. hive函数 next_day
  9. sublime解决中文乱码问题
  10. 计算机键盘上fn键,键盘上的fn键有什么用?笔记本电脑键盘上的fn键作用大全