zoukankan      html  css  js  c++  java
  • 透明度百分比转化为十六进制

    @原文参考


    对其中几点做出修正:

    1. 十六进制表示透明度时,表示方式为 #6位色值 + 2位透明值,如#ffffff4c表示白色70%透明度。
    2. 转换方法为 255*透明百分比 得到一个数值,此时得到的为十进制数,通过转化为十六进制后,需要将其逐位取反,得到的值才是我们需要的透明度转换值。
    //eg:
    
    白色的十六进制色值是#ffffff,70%透明度为255*70%≈178,178为十进制数,转化为十六进制数为b2,但是其实际透明度十六进制值为4c,中间的逐位取反用了二进制做跳板,
    178D = 10110010B = b2H,二进制数逐位取反得到01001101B = 4cH,这个数才是我们在css中色值的70%透明度转化为十六进制的真实数值。
    

    说明:上述中D、B、H分别代表十进制数、二进制数、十六进制数

    附上百分比对应表

    100% — FF
    99% — FC
    98% — FA
    97% — F7
    96% — F5
    95% — F2
    94% — F0
    93% — ED
    92% — EB
    91% — E8
    90% — E6
    89% — E3
    88% — E0
    87% — DE
    86% — DB
    85% — D9
    84% — D6
    83% — D4
    82% — D1
    81% — CF
    80% — CC
    79% — C9
    78% — C7
    77% — C4
    76% — C2
    75% — BF
    74% — BD
    73% — BA
    72% — B8
    71% — B5
    70% — B3
    69% — B0
    68% — AD
    67% — AB
    66% — A8
    65% — A6
    64% — A3
    63% — A1
    62% — 9E
    61% — 9C
    60% — 99
    59% — 96
    58% — 94
    57% — 91
    56% — 8F
    55% — 8C
    54% — 8A
    53% — 87
    52% — 85
    51% — 82
    50% — 80
    49% — 7D
    48% — 7A
    47% — 78
    46% — 75
    45% — 73
    44% — 70
    43% — 6E
    42% — 6B
    41% — 69
    40% — 66
    39% — 63
    38% — 61
    37% — 5E
    36% — 5C
    35% — 59
    34% — 57
    33% — 54
    32% — 52
    31% — 4F
    30% — 4D
    29% — 4A
    28% — 47
    27% — 45
    26% — 42
    25% — 40
    24% — 3D
    23% — 3B
    22% — 38
    21% — 36
    20% — 33
    19% — 30
    18% — 2E
    17% — 2B
    16% — 29
    15% — 26
    14% — 24
    13% — 21
    12% — 1F
    11% — 1C
    10% — 1A
    9% — 17
    8% — 14
    7% — 12
    6% — 0F
    5% — 0D
    4% — 0A
    3% — 08
    2% — 05
    1% — 03
    0% — 00

    想把自己留给生活 想把生活留给你
  • 相关阅读:
    js的基本数据类型有哪些?
    UML 类图
    三种代理模式
    jsp 知识点
    httpServlet
    Qt时间&日期
    Microsoft visual studio C 运行时库 在 xx.exe中检测到一个错误
    C++调用COM之错
    PCL中的bug修改
    Qt使用SQLite
  • 原文地址:https://www.cnblogs.com/auto-ajax/p/14177200.html
Copyright © 2011-2022 走看看