Jump to content
jasonteunissen

colours sketch vs affinity sRGB

Recommended Posts

hi guys,

 

Im a UI/Ux designer, a really hate making illustrations in sketch so I do that in affinity designer.

the problem is when I import my vector into sketch, the colours go all weird.

(see attachment)

 

I found out the both sketch AND affinty use sRGB, so i dont know why.

Affinity has some settings I can tweak but non seem to help, and sketch just uses sRGB.

 

https://sketchapp.com/learn/documentation/15-other/4-color-management.html

 

is this a bug or am I doing something wrong?

 

Cheers, guys.

post-2016-0-50320100-1474019255_thumb.png

Share this post


Link to post
Share on other sites

Hi jasonteunissen,

Can you try the latest Beta (1.5 Beta 14) please?

I believe this is working correctly there.

You must keep the Mac App Store installed to be able to run/validate the Beta. Also note that files created or saved with the Beta are not compatible with previous versions. 

Alternatively you may want to wait for the next Mac App Store update (around October if everything goes well).

Share this post


Link to post
Share on other sites

Hi jasonteunissen,

 

I just had a quick look at this with one of the colours you've used... I tested with the current 1.5 Beta of Affinity.

 

I created a RGB8 document with sRGB profile, made a rectangle in colour RGB(255,167,47) and exported to SVG. The exported colour in the SVG file is written out as "style="fill:rgb(255,167,47);""

 

I tried a few screenshots next and used Digital Color Meter to see what was happening:

 

Affinity 1.5

post-5-0-46619100-1474035130_thumb.png

 

Sketch

post-5-0-78840800-1474035151_thumb.png

 

Illustrator

post-5-0-28460500-1474035170_thumb.png

 

I also tried PhotoShop, Autodesk Graphic and Safari, all of which reported the correct 255,167,47 sRGB value.

 

The only discrepancy was in Sketch, so I'm not sure what I can do to fix that? I've attached my simple SVG for your reference...

 

orange.svg

 

Thanks,

Matt

Share this post


Link to post
Share on other sites

Do this simple test: Make a rectangle in Sketch RGB(105,196,40) - a rich green - and now export it as SVG. Open it in Safari and view the two side-by-side. They aren't the same colour. Using the Digital Color Meter tool you can see that if you query the sRGB values on the display that Safari is correct, but if you query the 'native' values then Sketch is correct.

Share this post


Link to post
Share on other sites

thx MattP

I did some small reseach and found that on the digital color meter you can view the colors in sRGB or "native"

so im not quite sure what the difference is.

 

edit: cant add tables in here, just view the link instead.

https://docs.google.com/spreadsheets/d/1ds-hbqiaMFowV7sFYXUK84_GNKBcvGoA4DQ-K0M6rlc/edit?usp=sharing

 

 

is there a way to align these values in some sense?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×