淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1089|回复: 8
收起左侧

RGB颜色与16进制颜色的换算方法

[复制链接]
  • TA的每日心情
    臭美
    2016-3-21 13:55
  • 签到天数: 22 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    6

    主题

    61

    帖子

    6120

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6120

    发表于 2015-8-17 17:33:19 | 显示全部楼层 |阅读模式
    网页中表示颜色的常见方法有:
    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不用说了吧,倒过来就行了




    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-8-17 17:34:44 | 显示全部楼层

    回帖奖励 +10

    报告楼主,我没看懂
    人面桃花里,浅笑如酒……
  • TA的每日心情
    臭美
    2016-3-21 13:55
  • 签到天数: 22 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    6

    主题

    61

    帖子

    6120

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6120

     楼主| 发表于 2015-8-17 17:36:09 | 显示全部楼层
    例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

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-8-17 18:03:39 | 显示全部楼层
    完全晕头了……反正直接输入PS中,那边会跳出来另一种就对了
  • TA的每日心情
    加油
    昨天 12:19
  • 签到天数: 1099 天

    连续签到: 1 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279451

    发表于 2015-8-17 18:06:09 | 显示全部楼层
    这个没啥意义吧。。。。
    花时间记住这些“随随便便就能查到的资料”,
    真的有必要?


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    7 小时前
  • 签到天数: 676 天

    连续签到: 3 天

    [LV.9]已臻大成

    26

    主题

    2630

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185282

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2015-8-17 20:51:25 | 显示全部楼层
    报告我小学没毕业
    QQ交流群  107102001
  • TA的每日心情
    大哭
    2015-11-9 14:25
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    20

    主题

    148

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12037

    发表于 2015-8-17 22:53:15 | 显示全部楼层
    专注细节,必成大器
    来自安卓客户端来自安卓客户端

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    3 天前
  • 签到天数: 348 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    853

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    81827

    最佳新人热心会员

    发表于 2015-8-19 08:28:56 | 显示全部楼层
    看不懂……
    http://www.zcool.com.cn/u/13642473
  • TA的每日心情
    加油
    2016-8-16 16:36
  • 签到天数: 11 天

    连续签到: 1 天

    [LV.3]武林新秀

    0

    主题

    6

    帖子

    3176

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3176

    发表于 2015-8-19 16:27:46 | 显示全部楼层
    都说是16进制了,就是按16来除与乘计算的。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-6 16:19 , Processed in 0.138949 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表