{ "css": { "types": { "color": { "__compat": { "description": "<color>", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value", "spec_url": "https://drafts.csswg.org/css-color/#color-syntax", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "color": { "__compat": { "description": "color() (Profiled color values)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color", "spec_url": "https://drafts.csswg.org/css-color/#color-function", "tags": [ "web-features:color-function" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "15" }, { "version_added": "10.1", "version_removed": "15", "partial_implementation": true, "notes": "Only supports display-p3 and srgb predefined color profiles." } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:color-function" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative color() syntax", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-color-function", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "partial_implementation": true, "notes": "Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified as percentages with units (%)." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "color-contrast": { "__compat": { "description": "color-contrast()", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-contrast", "spec_url": "https://drafts.csswg.org/css-color-6/#colorcontrast", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15", "flags": [ { "type": "preference", "name": "CSS color-contrast()" } ] }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": true, "standard_track": true, "deprecated": false } } }, "color-mix": { "__compat": { "description": "color-mix()", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix", "spec_url": "https://drafts.csswg.org/css-color-5/#color-mix", "tags": [ "web-features:color-mix" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": { "version_added": false } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "currentcolor": { "__compat": { "description": "currentcolor keyword", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value#currentcolor", "spec_url": "https://drafts.csswg.org/css-color/#currentcolor-color", "tags": [ "web-features:currentcolor" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1.5" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": { "version_added": "9.5" }, "opera_android": "mirror", "safari": { "version_added": "4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "hsl": { "__compat": { "description": "hsl() (HSL color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl", "spec_url": "https://drafts.csswg.org/css-color/#the-hsl-notation", "tags": [ "web-features:hsl" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": { "version_added": "9.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "≤37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "alpha_parameter": { "__compat": { "description": "Alpha parameter", "tags": [ "web-features:hsl" ], "support": { "chrome": { "version_added": "65" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "52" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:hsl" ], "support": { "chrome": { "version_added": "121" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "122" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative HSL colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-HSL", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119", "partial_implementation": true, "notes": "s and l channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require s and l values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%)." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "partial_implementation": true, "notes": "Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for s and l)." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "space_separated_parameters": { "__compat": { "description": "Space-separated parameters", "tags": [ "web-features:hsl" ], "support": { "chrome": { "version_added": "65" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "52" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "hwb": { "__compat": { "description": "hwb() (HWB color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hwb", "spec_url": "https://drafts.csswg.org/css-color/#the-hwb-notation", "tags": [ "web-features:hwb" ], "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "96" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:hwb" ], "support": { "chrome": { "version_added": "121" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "122" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative HWB colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-HWB", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119", "partial_implementation": true, "notes": "w and b channel values incorrectly resolve to numbers between 0-1 rather than 0-100. As a result, channel value calculations require w and b values to be specified as decimal percentage equivalents (e.g. 0.2 for 20%)." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "partial_implementation": true, "notes": "Implementation based on older spec version. As a result, calculations with channel values do not work correctly, requiring values to be specified with units (deg for h, % for w and b)." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "lab": { "__compat": { "description": "lab() (Lab color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lab", "spec_url": "https://drafts.csswg.org/css-color/#lab-colors", "tags": [ "web-features:lab" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:lab" ], "support": { "chrome": { "version_added": "116" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative Lab colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-Lab", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "lch": { "__compat": { "description": "lch() (LCH color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lch", "spec_url": "https://drafts.csswg.org/css-color/#lab-colors", "tags": [ "web-features:lab" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:lab" ], "support": { "chrome": { "version_added": "116" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative LCH colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-LCH", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "partial_implementation": true, "notes": "Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg)." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "light-dark": { "__compat": { "description": "light-dark()", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/light-dark", "spec_url": "https://drafts.csswg.org/css-color-5/#light-dark", "tags": [ "web-features:light-dark" ], "support": { "chrome": { "version_added": "123", "impl_url": "https://crbug.com/40284803" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "120" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "17.5", "impl_url": "https://webkit.org/b/262914" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "named-color": { "__compat": { "description": "Named colors", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/named-color", "spec_url": "https://drafts.csswg.org/css-color/#named-colors", "tags": [ "web-features:named-color" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3", "notes": "Internet Explorer 8 and later support gray color keywords spelled with an e (grey, darkgrey, darkslategrey, dimgrey, lightgrey, and lightslategrey). Internet Explorer 3 to Internet Explorer 7 only support the keywords spelled with a (gray, darkgray, darkslategray, dimgray, lightgray, and lightslategray)." }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "≤37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "rebeccapurple": { "__compat": { "tags": [ "web-features:named-color" ], "support": { "chrome": { "version_added": "38" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "33" }, "firefox_android": "mirror", "ie": { "version_added": "11" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": { "version_added": "8" }, "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "transparent": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/named-color#transparent", "spec_url": "https://drafts.csswg.org/css-color/#transparent-color", "tags": [ "web-features:named-color" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "oklab": { "__compat": { "description": "oklab() (Oklab color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklab", "spec_url": "https://drafts.csswg.org/css-color/#ok-lab", "tags": [ "web-features:oklab" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:oklab" ], "support": { "chrome": { "version_added": "116" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative Oklab colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-Oklab", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "oklch": { "__compat": { "description": "oklch() (OKLCH color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklch", "spec_url": "https://drafts.csswg.org/css-color/#ok-lab", "tags": [ "web-features:oklab" ], "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:oklab" ], "support": { "chrome": { "version_added": "116" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative Oklch colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-Oklch", "tags": [ "web-features:relative-color" ], "support": { "chrome": { "version_added": "119" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "partial_implementation": true, "notes": "Implementation based on older spec version. As a result, calculations with h channel values do not work correctly, requiring values to be specified with units (deg)." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "rgb": { "__compat": { "description": "rgb() (RGB color model)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb", "spec_url": "https://drafts.csswg.org/css-color/#rgb-functions", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "≤37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "alpha_parameter": { "__compat": { "description": "Alpha parameter", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "65" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "52" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "float_values": { "__compat": { "description": "Float values in parameters", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "66" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "52" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "mixed_type_parameters": { "__compat": { "description": "Mix <percentage> and <number> in parameters", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "122" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "113" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "relative_syntax": { "__compat": { "description": "Relative RGB colors", "spec_url": "https://drafts.csswg.org/css-color-5/#relative-RGB", "tags": [ "web-features:relative-color" ], "support": { "chrome": [ { "version_added": "122" }, { "version_added": "119", "partial_implementation": true, "notes": "Channel values incorrectly resolve to numbers between 0-1 rather than 0-255. As a result, channel value calculations require values to be specified as decimal percentage equivalents (e.g. 0.3 for 30%, which would be equivalent to a 76.5 <number> value). See bug 41490327." } ], "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "128" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "partial_implementation": true, "notes": "Implementation based on older spec version. As a result, channel value calculations do not work correctly, requiring values to be specified as percentages with units (e.g. 30%, which would be equivalent to a 76.5 <number> value). See bug 267647." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "space_separated_parameters": { "__compat": { "description": "Space-separated rgb() parameters", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "65" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "52" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "12.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "rgb_hexadecimal_notation": { "__compat": { "description": "RGB hexadecimal notation (#RRGGBB, #RGB, …)", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hex-color", "spec_url": "https://drafts.csswg.org/css-color/#hex-notation", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "≤37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "alpha_hexadecimal_notation": { "__compat": { "description": "RGBA hexadecimal notation (#RRGGBBAA, #RGBA)", "tags": [ "web-features:rgb" ], "support": { "chrome": { "version_added": "62" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "49" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": { "version_added": "47" }, "safari": { "version_added": "10" }, "safari_ios": { "version_added": "9.3" }, "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } }, "system-color": { "__compat": { "description": "System colors", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/system-color", "spec_url": "https://drafts.csswg.org/css-color/#css-system-colors", "tags": [ "web-features:system-color" ], "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "≤37" }, "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "accentcolor_accentcolortext": { "__compat": { "description": "AccentColor and AccentColorText", "spec_url": [ "https://drafts.csswg.org/css-color/#valdef-color-accentcolor", "https://drafts.csswg.org/css-color/#valdef-color-accentcolortext" ], "tags": [ "web-features:system-color" ], "support": { "chrome": { "version_added": "115", "flags": [ { "type": "preference", "name": "#enable-experimental-web-platform-features", "value_to_set": "true" } ] }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "103" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.5", "notes": "Only supports a fallback: The native color when accent colour (in macOS' appearance panel) is set to 'multicolour'. On iOS falls back to the blue accent colour" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "mark_marktext_buttonborder": { "__compat": { "description": "Mark, MarkText, ButtonBorder", "spec_url": [ "https://drafts.csswg.org/css-color/#valdef-color-mark", "https://drafts.csswg.org/css-color/#valdef-color-marktext", "https://drafts.csswg.org/css-color/#valdef-color-buttonborder" ], "tags": [ "web-features:system-color" ], "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "109" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "webview_ios": "mirror" }, "status": { "experimental": true, "standard_track": true, "deprecated": false } } } } } } } }