[CSS] The hexadecimal color value corresponding to each percentage transparency opacity (for example: #FFFFFF80)

Article directory

  • Use:6位颜色值+2位透明度值
color: #000000D4;
/* 等价于 */
color: #000000;
opacity : 0.83; 
/* 等价于 */
color: #000000;
opacity : 83%; 
  • Comparison table (0: completely transparent, 1: opaque)
transparency value percent value hexadecimal value
0 0% 00
0.01 1% 03
0.02 2% 05
0.03 3% 08
0.04 4% 0A
0.05 5% 0D
0.06 6% 0F
0.07 7% 12
0.08 8% 14
0.09 9% 17
0.10 10% 1A
0.11 11% 1C
0.12 12% 1F
0.13 13% 21
0.14 14% 24
0.15 15% 26
0.16 16% 29
0.17 17% 2B
0.18 18% 2E
0.19 19% 30
0.20 20% 33
0.21 21% 36
0.22 22% 38
0.23 23% 3B
0.24 24% 3D
0.25 25% 40
0.26 26% 42
0.27 27% 45
0.28 28% 47
0.29 29% 4A
0.30 30% 4D
0.31 31% 4F
0.32 32% 52
0.33 33% 54
0.34 34% 57
0.35 35% 59
0.36 36% 5C
0.37 37% 5E
0.38 38% 61
0.39 39% 63
0.40 40% 66
0.41 41% 69
0.42 42% 6B
0.43 43% 6E
0.44 44% 70
0.45 45% 73
0.46 46% 75
0.47 47% 78
0.48 48% 7A
0.49 49% 7D
0.50 50% 80
0.51 51% 82
0.52 52% 85
0.53 53% 87
0.54 54% 8A
0.55 55% 8C
0.56 56% 8F
0.57 57% 91
0.58 58% 94
0.59 59% 96
0.60 60% 99
0.61 61% 9C
0.62 62% 9E
0.63 63% A1
0.64 64% A3
0.65 65% A6
0.66 66% A8
0.67 67% AB
0.68 68% AD
0.69 69% B0
0.70 70% B3
0.71 71% B5
0.72 72% B8
0.73 73% NOT
0.74 74% BD
0.75 75% BF
0.76 76% C2
0.77 77% C4
0.78 78% C7
0.79 79% C9
0.80 80% CC
0.81 81% CF
0.82 82% D1
0.83 83% D4
0.84 84% D6
0.85 85% D9
0.86 86% DB
0.87 87% OF
0.88 88% E0
0.89 89% E3
0.90 90% E6
0.91 91% E8
0.92 92% EB
0.93 93% ED
0.94 94% F0
0.95 95% F2
0.96 96% F5
0.97 97% F7
0.98 98% BUT
0.99 99% FC
1 100% FF

Guess you like

Origin blog.csdn.net/qq_45677671/article/details/134514811