<?xml version="1.0" encoding="UTF-8"?>
<feature id="relative-color"><name>Relative colors</name><description>The from keyword for color functions (color(), hsl(), oklch(), etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).</description><group>css</group><group_name>CSS</group_name><baseline><status>newly</status><low_date>2024-09-16</low_date></baseline><support><browser name="chrome" version="125" supported="true"></browser><browser name="firefox" version="128" supported="true"></browser><browser name="safari" version="18" supported="true"></browser><browser name="edge" version="125" supported="true"></browser><browser name="chrome_android" version="125" supported="true"></browser><browser name="firefox_android" version="128" supported="true"></browser><browser name="safari_ios" version="18" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-color-5/#relative-colors</spec></specifications><caniuse><id>css-relative-colors</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/calc</mdn_url><compat_features><key>css.types.calc.color_component</key><key>css.types.color.color.relative_syntax</key><key>css.types.color.hsl.relative_syntax</key><key>css.types.color.hwb.relative_syntax</key><key>css.types.color.lab.relative_syntax</key><key>css.types.color.lch.relative_syntax</key><key>css.types.color.oklab.relative_syntax</key><key>css.types.color.oklch.relative_syntax</key><key>css.types.color.rgb.relative_syntax</key></compat_features><canonical_url>https://nowyoucanuse.com/features--relative-color.html</canonical_url></feature>