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).
![Designing for Simplicity]()
Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...
![Creating Scrolling Parallax Effects with CSS]()
Introduction
For quite a long time now websites with the so called "parallax" effect have been really popular.
In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...
![MooTools-Like Element Creation in jQuery]()
I really dislike jQuery's element creation syntax. It's basically the same as typing out HTML but within a JavaScript string...ugly! Luckily Basil Goldman has created a jQuery plugin that allows you to create elements using MooTools-like syntax.
Standard jQuery Element Creation
Looks exactly like writing out...
![Scroll IFRAMEs on iOS]()
For the longest time, developers were frustrated by elements with overflow not being scrollable within the page of iOS Safari. For my blog it was particularly frustrating because I display my demos in sandboxed IFRAMEs on top of the article itself, so as to not affect my site's...
