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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.