Using String in RGBA format as Color Value

(1) Share

Report

Posted on by IPC_ahaas

1,401 Moderator

I have a Collection of color values in "RGBA(####,####,####,#.#)" format. When I use this as a color value:

LookUp('App Style Guide',Name = "App Bar Fill").RGBA

which outputs:

RGBA(0,0,0,1)

But when I use that as the color value for something I get "Expected Color Value". My workaround is to put the "RGBA" text on the outside and then pull in the values for the numbers individually:

RGBA(
 LookUp('App Style Guide',Name = "App Bar Fill").R,
 LookUp('App Style Guide',Name = "App Bar Fill").G,
 LookUp('App Style Guide',Name = "App Bar Fill").B,
 LookUp('App Style Guide',Name = "App Bar Fill").A
)

Categories:

Building Power Apps

I have the same question (0)

All responses (3)

Answers (1)

Sort by

Verified answer

MichaelFP 1,977 Moderator on at

Like (1)

Report
Copy link

Link copied!

Why you store as hexadecimal value and using ColorValue("#FFFFF") to set the color?

If my answer helped you, please give me a thumbs up (👍). If solve your question please mark as solution ✔️. This is help the community.

Was this reply helpful? Yes No
IPC_ahaas 1,401 Moderator on at

Like (0)

Report
Copy link

Link copied!

Unfortunately converting or storing the values as HEX seems to be the only solution. My resulting code looks like this:

ColorValue(LookUp('App Style Guide', Name = "App Bar Fill").'Color HEX')

Was this reply helpful? Yes No
Suggested answer

CarlosFigueira Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!
If you have the color in the RGBA(<number>, <number>, <number>, <number>) format, you can use an expression like the one below to extract the components and create the color:

With( Match( LookUp('App Style Guide',Name = "App Bar Fill").RGBA, "RGBA\(\s*(?<r>\d+)\s*,\s*(?<g>\d+)\s*,\s*(?<b>\d+)\s*,\s*(?<a>[\d\.]+)\s*\)"), RGBA(Value(r),Value(g),Value(b),Value(a)) )

If you already have the components in your 'App Style Guide' table, you can use a With call to make the expression a little simpler:

With( { fillColor: LookUp('App Style Guide',Name = "App Bar Fill") }, RGBA(fillColor.R, fillColor.G, fillColor.B, fillColor.A) )

Hope this helps!

Was this reply helpful? Yes No