@color-profile
The@color-profileCSSat-rule defines and names a color profile which can later be used in thecolor() function to specify a color.
In this article
Syntax
@color-profile --swop5c { src: url("https://example.org/SWOP2006_Coated5v2.icc");}Parameters
- profile name
Either a
<dashed-ident>or the identifierdevice-cmyk.
Descriptors
srcSpecifies the URL to retrieve the color-profile information from.
rendering-intentIf the color profile contains more than one rendering intent, this descriptor allows one to be selected as the one to use to define how to map the color to smallergamuts than this profile is defined over.
If used, it must be one of the following keywords:
relative-colorimetricMedia-relative colorimetric is required to leave source colors that fall inside the destination mediumgamut unchanged relative to the respective media white points. Source colors that are out of the destination medium gamut are mapped to colors on the gamut boundary using a variety of different methods.
absolute-colorimetricICC-absolute colorimetric is required to leave source colors that fall inside the destination mediumgamut unchanged relative to the adopted white (a perfect reflecting diffuser). Source colors that are out of the destination medium gamut are mapped to colors on the gamut boundary using a variety of different methods.
perceptualThis method is often the preferred choice for images, especially when there are substantial differences between the source and destination (such as a screen display image reproduced on a reflection print). It takes the colors of the source image and re-optimizes the appearance for the destination medium using proprietary methods.
saturationThis option was created to preserve the relative saturation (chroma) of the original, and to keep solid colors pure. However, it experienced interoperability problems like the perceptual intent.
Formal syntax
@color-profile =
@color-profile[<dashed-ident>|device-cmyk] {<declaration-list> }
Examples
This example demonstrates using offset printing to ISO 12647-2:2004 using the CGATS/SWOP TR005 2007 characterization data on grade 5 paper with an ink limit of 300% Total Area Coverage, and medium gray component replacement (GCR). This example is from the specification.
Thesrc descriptor specifies the URL to retrieve the color-profile information from.
@color-profile --swop5c { src: url("https://example.org/SWOP2006_Coated5v2.icc");}.header { background-color: color(--swop5c 0% 70% 20% 0%);}Specifications
| Specification |
|---|
| CSS Color Module Level 5> # at-profile> |
Browser compatibility
Currently, no browsers support this feature.
See also
- CSS colors module