Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Hex Opacity Table

By David Walsh on March 5, 2020

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).

Recent Features

By David WalshAugust 29, 2011
Create Namespaced Classes with MooTools
MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does. Many developers create their classes as globals which is generally frowned up. I mostly disagree with that stance, but each to their own. In any event...
By David WalshDecember 6, 2012
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...

Incredible Demos

By David WalshJuly 15, 2013
9 Mind-Blowing WebGL Demos
As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us. Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos. Another technology available...
By David WalshFebruary 12, 2009
MooTools PulseFade Plugin
I was recently driven to create a MooTools plugin that would take an element and fade it to a min from a max for a given number of times. Here's the result of my Moo-foolery. The MooTools JavaScript Options of the class include: min: (defaults to .5) the...

Hex Opacity Table

Recent Features

Create Namespaced Classes with MooTools

Vibration API

Incredible Demos

9 Mind-Blowing WebGL Demos

MooTools PulseFade Plugin

Discussion