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
    An Interview with Eric Meyer

    Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer...

  • By
    From Webcam to Animated GIF: the Secret Behind chat.meatspac.es!

    My team mate Edna Piranha is not only an awesome hacker; she's also a fantastic philosopher! Communication and online interactions is a subject that has kept her mind busy for a long time, and it has also resulted in a bunch of interesting experimental projects...

Incredible Demos

  • By
    HTML5 download Attribute

    I tend to get caught up on the JavaScript side of the HTML5 revolution, and can you blame me?  HTML5 gives us awesome "big" stuff like WebSockets, Web Workers, History, Storage and little helpers like the Element classList collection.  There are, however, smaller features in...

  • By
    PHP / MooTools 1.2 Accordion Helper

    The MooTools Accordion plugin seems to be the plugin that people seem to have the most problems with. It's an awesome plugin, so I can see why so many people want to use it, but I think that may be part of the problem.

Discussion

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