Jump to content

Recommended Posts

Posted

Currently the SVG export is bound to use sRGB. Designer does make a deliberate conversion to this colour profile, which is good, but even better would be to export in the document colour profile as sRGB is old and limited.

Let's say I have my document use Display P3 colour profile, and I have a fill #00beaa (sidenote: the hex codes are way readable in lowercase, easier to differentiate between letters and numbers. I wish Affinity would appreciate this.)

As SVG it currently outputs as 

style="fill:rgb(0,194,170);"

which is converted from the original colour 0, 190, 170.

Designer should make use of the CSS color()-notation instead - or rather, on top of - the current rgb()-notation. With the former it is possible to specify the intended colour space, say, Display P3 and not be bound by the boundaries of the sRGB space. As a fallback it should still provide the converted sRGB colour values. As a result, supporting renderers will diplay the original, unconverted colour.

This is how Figma works and I currently have to first transfer my file to Figma and export from it to maintain correct colour space. Figma exports the colour as

style="fill:#00c2aa; fill:color(display-p3 0.0000 0.7451 0.6667);

 

Posted

The definition is 

@color-profile { <local-color-profile-description> }

so, there is currently no way to embed an arbitrary color profile, only to name a color profile, that must already exist on the target system.

Is there a list of at least RGB color profiles, that exist on all OS, even Linux and mobile systems, where SVG may be used not only by browsers but also other software via SVG libraries?

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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.