Hex Opacity Table
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 Value | Hex Code |
| 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 |
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).
![Responsive and Infinitely Scalable JS Animations]()
Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...
![Facebook Open Graph META Tags]()
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
![Use Custom Missing Image Graphics Using MooTools]()
Missing images on your website can make you or your business look completely amateur.
Unfortunately sometimes an image gets deleted or corrupted without your knowledge.
You'd agree with me that IE's default "red x" icon looks awful, so why not use
your own missing image graphic?
The MooTools JavaScript
Note that...
![AJAX Page Loads Using MooTools Fx.Explode]()
Note: All credit for Fx.Explode goes to Jan Kassens.
One of the awesome pieces of code in MooTools Core Developer Jan Kassens' sandbox is his Fx.Explode functionality. When you click on any of the designated Fx.Explode elements, the elements "explode" off of the...
