Deprecated since SVG 2
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The rendering-intent attribute permits the specification of a color profile rendering intent other than the default.

rendering-intent is applicable primarily to color profiles corresponding to CMYK color spaces. The different options cause different methods to be used for translating colors to the color gamut of the target rendering device.

Only one element is using this attribute: <color-profile>

Usage notes

Value auto | perceptual | relative-colorimetric | saturation | absolute-colorimetric
Default value auto
Animatable Yes
This value allows the user agent to determine the best intent based on the content type.

This value preserves the relationship between colors. It attempts to maintain relative color values among the pixels as they are mapped to the target device gamut. Sometimes pixel values that were originally within the target device gamut are changed in order to avoid hue shifts and discontinuities and to preserve as much as possible the overall appearance of the scene.

Note: This method should be used for images.

This value preserves the relative saturation (chroma) values of the original pixels. Colors that are outside the gamut are converted to colors that have the same saturation but fall just inside the gamut.
This value leaves colors that fall inside the gamut unchanged. This method usually converts out of gamut colors to colors that have the same lightness but fall just inside the gamut.
This value disables white point matching when converting colors.

Note: This option is generally not recommended.


Browser compatibilityUpdate compatibility data on GitHub

Chrome Edge Firefox Internet Explorer Opera Safari
rendering-intent No No No ? No No
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
rendering-intent No No No No No No

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.