HEX to RGBA Color Converter

Convert any HEX color into a RGBA color

Comments

What are HEX Colors?

Hex colors refer to colors commonly used in programming, based on the hexadecimal system. This system consists of 16 symbols, unlike the decimal system which uses 10.

Each HEX color is represented by a 6-digit hexadecimal number preceding by a "#" for example, "#f49521" represents a dark yellow color. The range starts from #000000 which means black and ends at #ffffff which means white color. The hexadecimal color system can have 16,777,216 different shades of color.

A 6-digit hex number like "#f49521" represents a solid color. To add transparency to the color, an 8-digit hex number is used like "#f49521ff". The last two digits represent the level of transparency ranging from 00 to ff, where 00 represents fully transparent color and ff represents fully opaque.

How to use in Microsoft Power Apps?

Microsoft Power Apps supports both HEX and RGBA colors. These codes can be used in any property of colors like, in the case of buttons, there is a Fill color and a Border color. The button also has properties like HoverFill and HoverBorder which represent the colors when a user hover on the button (bringing the mouse cursor to the button), it will use the HoverFill and HoverBorder colors set in the property.

This simple setting has the potential to transform your application into a more interactive experience for users, especially when compared to a static color button.

Note: To use the HEX Color in Power Apps, you must use the ColorValue() function as shown below. Do not forget to use the double quotes (") along with the hex color.

  • FillColor: ColorValue("#2563eb")
  • BorderColor: ColorValue("#93c5fd")
  • HoverFill: ColorValue("#1d4ed8")
  • HoverBorder: ColorValue("#60a5fa")

The above button explains how it works. Simply hover your mouse cursor to see the changes in the color of the button above. You can achieve the same effect in your Power Apps using the HoverFill and HoverBorder colors.

What are Fade Colors?

Power Apps also have an in-built function called ColorFade(). This function can be used to get a faded version of the color you are using. It is very useful when you need a lighter version of any color.

On the top of this page, you can convert any HEX color into an RGBA color and also get 10 different Fade Colors. These Fade Colors can be easily copied and used directly in your Power Apps.

Please try it yourself! and please write a comment if you like this tool. If you have any ideas to make new tools or improve any existing tools, please share them with us. We will try to make it for you.