{
"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"
},
"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"
},
"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"
},
"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": false
},
"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"
},
"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"
},
"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"
},
"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",
"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"
}
},
"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",
"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"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"alpha_parameter": {
"__compat": {
"description": "Alpha parameter",
"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"
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"mixed_type_parameters": {
"__compat": {
"description": "Mix <percentage> and <number> in parameters",
"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"
},
"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": false
},
"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"
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"space_separated_parameters": {
"__compat": {
"description": "Space-separated parameters",
"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"
},
"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",
"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"
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"mixed_type_parameters": {
"__compat": {
"description": "Mix <percentage> and <number> in parameters",
"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"
},
"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": false
},
"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"
},
"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"
},
"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"
},
"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": false
},
"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"
},
"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"
},
"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"
},
"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": false
},
"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"
},
"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/1490618"
},
"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"
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "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",
"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"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"rebeccapurple": {
"__compat": {
"description": "rebeccapurple",
"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"
},
"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"
},
"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"
},
"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": false
},
"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"
},
"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"
},
"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"
},
"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": false
},
"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"
},
"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",
"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"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"alpha_parameter": {
"__compat": {
"description": "Alpha parameter",
"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"
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"float_values": {
"__compat": {
"description": "Float values in parameters",
"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"
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"mixed_type_parameters": {
"__compat": {
"description": "Mix <percentage> and <number> in parameters",
"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"
},
"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)."
}
],
"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": "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)."
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror"
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"space_separated_parameters": {
"__compat": {
"description": "Space-separated rgb() parameters",
"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"
},
"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",
"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"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"alpha_hexadecimal_notation": {
"__compat": {
"description": "RGBA hexadecimal notation (#RRGGBBAA, #RGBA)",
"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"
},
"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",
"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"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"accentcolor_accentcolortext": {
"__compat": {
"description": "AccentColor and AccentColorText",
"spec_url": [
"https://drafts.csswg.org/css-color/#valdef-system-color-accentcolor",
"https://drafts.csswg.org/css-color/#valdef-system-color-accentcolortext"
],
"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"
},
"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-system-color-mark",
"https://drafts.csswg.org/css-color/#valdef-system-color-marktext",
"https://drafts.csswg.org/css-color/#valdef-system-color-buttonborder"
],
"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"
},
"status": {
"experimental": true,
"standard_track": true,
"deprecated": false
}
}
}
},
"transparent": {
"__compat": {
"description": "transparent keyword",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/named-color#transparent",
"spec_url": "https://drafts.csswg.org/css-color/#transparent-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"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
}
}
}
}