W3cubDocs

/SVG

color-profile

The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css color-profile for further information.

Usage context

Categories Presentation attribute
Value auto | sRGB | <name> | <IRI> | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
auto
This is the default behavior. All colors are presumed to be defined in the sRGB color space unless a more precise embedded profile is specified within content data. For images that do have a profile built into their data, that profile is used. For images that do not have a profile, the sRGB profile is used.
sRGB
The source profile is assumed to be sRGB. This differs from auto in that it overrides an embedded profile inside an image.
<name>
A name corresponding to a defined color profile that is in the browser's color profile description database. The browser searches the color profile description database for a color profile description entry whose name descriptor matches <name> and uses the last matching entry that is found. If a match is found, the corresponding profile overrides an embedded profile inside an image. If no match is found, then the embedded profile inside the image is used.
<IRI>
A IRI reference to the source color profile. The referenced color profile overrides an embedded profile inside the image.

Examples

Elements

The following elements can use the color attribute

  • <image> that refer to raster image

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support ? ? ? ? ? ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support ? ? ? ? ? ? ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile