Hex Opacity Table

By  on  

We've used hex colors for years but 8-digit hexadecimal is still relatively new. While rgba is simple to understand, 8-digit hex is more difficult, as you need to provide a hex representation of a numeric value.

The following is a hexadecimal chart of opacity!

Opacity ValueHex Code
100FF
99FC
98FA
97F7
96F5
95F2
94F0
93ED
92EB
91E8
90E6
89E3
88E0
87DE
86DB
85D9
84D6
83D4
82D1
81CF
80CC
79C9
78C7
77C4
76C2
75BF
74BD
73BA
72B8
71B5
70B3
69B0
68AD
67AB
66A8
65A6
64A3
63A1
629E
619C
6099
5996
5894
5791
568F
558C
548A
5387
5285
5182
5080
497D
487A
4778
4675
4573
4470
436E
426B
4169
4066
3963
3861
375E
365C
3559
3457
3354
3252
314F
304D
294A
2847
2745
2642
2540
243D
233B
2238
2136
2033
1930
182E
172B
1629
1526
1424
1321
121F
111C
101A
917
814
712
60F
50D
40A
308
205
103
000

Depending upon its use in web or mobile platforms, sometimes the hex value needs to be at the beginning (Kotlin), other times the end (web).

Recent Features

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

  • By
    5 HTML5 APIs You Didn’t Know Existed

    When you say or read "HTML5", you half expect exotic dancers and unicorns to walk into the room to the tune of "I'm Sexy and I Know It."  Can you blame us though?  We watched the fundamental APIs stagnate for so long that a basic feature...

Incredible Demos

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!