How can I get affinity-equivalent colors in my iOS app?

[sirhans]

The first image below is from a UI Design drawing in Affinity Designer 1.10.6. The second image is from an iOS app I am building. I set the colors in the background of the app by looking at the RGB values in the gradient fill in affinity and copying them into SwiftUI using the commands shown below. I am using p3 colorspace in affinity and as shown below, I am defining colors in the p3 space in the app. But the colors I get from the app don't match the colors I see in affinity. The colors in the app look like sRGB.

Do I need to convert the numbers somehow? For reference, I am sending screenshots of the RGB color picker in affinity down below. 

static let Color_Home_BG_Top = Color(.displayP3, red: 0.0/255.0, green: 123.0/255.0, blue: 184.0/255.0)

static let Color_Home_BG_Bottom = Color(.displayP3, red: 139.0/255.0, green: 197.0/255.0, blue: 226.0/255.0)

 

[Dan C]

Hi sirhans,

This can be a little tricky to diagnose with so many variables involved including hardware used to view the project and their configuration.

Is your monitor capable and set to display the P3 colour space?

Lee

 

[sirhans]

1 hour ago, LeeThorpe said:

Hi sirhans,

This can be a little tricky to diagnose with so many variables involved including hardware used to view the project and their configuration.

Is your monitor capable and set to display the P3 colour space?

Lee

 

Hi Lee, thanks for responding. I did some debugging on my own and found that there was an error in the LinearGradient function of SwiftUI. So the problem has nothing to do with Affinity Designer.

[Dan C]

Glad you found the issue!

Lee