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
    Vibration API

    Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user.  One of those simple APIs the Vibration API.  The Vibration API allows developers to direct the device, using JavaScript, to vibrate in...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Incredible Demos

  • By
    MooTools Zoomer Plugin

    I love to look around the MooTools Forge. As someone that creates lots of plugins, I get a lot of joy out of seeing what other developers are creating and possibly even how I could improve them. One great plugin I've found is...

  • By
    Sexy Opacity Animation with MooTools or jQuery

    A big part of the sexiness that is Apple software is Apple's use of opacity. Like seemingly every other Apple user interface technique, it needs to be ported to the web (</fanboy>). I've put together an example of a sexy opacity animation technique...

Discussion

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