网页中表示颜色的常见方法有:

1.Color Name(颜色名称) 用颜色名称来指定颜色，这种方法简洁直观，一看就知道是什么颜色，但最大的缺点是颜色的名称太少，不能有效的表示一些较丰富的颜色

2.RGB(RGB记法)

3.HEX(十六进制记法)

RGB记法和十六进制记法都能很好的表示出一些较为丰富的颜色，但是我们用到16进制的比较多，语法为#RRGGBB，下面说下我刚研究出来的转换方法:

我们都知道

RGB记法rgb(255,255,255)=十六进制记法#FFFFFF，都表示白色

RGB记法rgb(0,0,0)=十六进制记法#000000，都表示黑色

那么RGB记法rgb(100,150,245)=十六进制记法#??????

RGB的取值都是0~255，HEX的取值为0123456789ABCDEF这16个字符，下面看看RGB-HEX对照表

RGBHEX

000

101

202

303

404

505

606

707

808

909

100A

110B

120C

130D

140E

150F

1610

1711

1812

1913

2014

2115

2216

2317

2418

2519

261A

271B

281C

291D

301E

311F

3220

3321

3422

3523

3624

3725

3826

3927

4028

4129

422A

432B

442C

452D

462E

472F

4830

4931

5032

5133

5234

5335

5436

5537

5638

5739

583A

593B

603C

613D

623E

633F

6440

6541

6642

6743

6844

6945

7046

7147

7248

7349

744A

754B

764C

774D

784E

794F

8050

8151

8252

8353

8454

8555

8656

8757

8858

8959

905A

915B

925C

935D

945E

955F

9660

9761

9862

9963

10064

10165

10266

10367

10468

10569

1066A

1076B

1086C

1096D

1106E

1116F

11270

11371

11472

11573

11674

11775

11876

11977

12078

12179

1227A

1237B

1247C

1257D

1267E

1277F

12880

12981

13082

13183

13284

13385

13486

13587

13688

13789

1388A

1398B

1408C

1418D

1428E

1438F

14490

14591

14692

14793

14894

14995

15096

15197

15298

15399

1549A

1559B

1569C

1579D

1589E

1599F

160A0

161A1

162A2

163A3

164A4

165A5

166A6

167A7

168A8

169A9

170AA

171AB

172AC

173AD

174AE

175AF

176B0

177B1

178B2

179B3

180B4

181B5

182B6

183B7

184B8

185B9

186BA

187BB

188BC

189BD

190BE

191BF

192C0

193C1

194C2

195C3

196C4

197C5

198C6

199C7

200C8

201C9

202CA

203CB

204CC

205CD

206CE

207CF

208D0

209D1

210D2

211D3

212D4

213D5

214D6

215D7

216D8

217D9

218DA

219DB

220DC

221DD

222DE

223DF

224E0

225E1

226E2

227E3

228E4

229E5

230E6

231E7

232E8

233E9

234EA

235EB

236EC

237ED

238EE

239EF

240F0

241F1

242F2

243F3

244F4

245F5

246F6

247F7

248F8

249F9

250FA

251FB

252FC

253FD

254FE

255FF

通过这张表我们可以发现rgb中的0对应HEX的00，1对应01……9对应09

10则对应0A，11对应0B……15对应0F

16对应了10

这里总共17对,除去一对特殊的0对应00,剩下的16对

大家都应该发现规律了吧，rgb的数值是16乘以HEX的第一位加上HEX的第二位，数字10一下的RGB和HEX都是相同的，不同的是HEX是两位数,在前面补0就可以了，10对应A，11对应B，12对应C，13对应D，14对应E，15对应F，下面通过例子来说明RGB到HEX的换算办法

例1:rgb(11,111,222)=#??????

11÷16=0余11   11对应B  前面补0  那么HEX的数据为0B

111÷16=6余15  15对应F   那么HEX的数据为6F

222÷16=13余14  13对应D  14对应E   那么HEX的数据为DE

合起来HEX的数据就为#0B6FDE

例2:rgb(0,16,255)=#??????

0直接对应00

16÷16=1余0  则HEX的数据为10

255÷16=15余15  15对应F  则HEX的数据为FF

合起来HEX的数据就为#0010FF

HEX转换RGB不用说了吧,倒过来就行了

本文首发地址:http://tianle.name/wlyy/275 转载请注明出处