{
"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
}
}
}
}
}
}
}
}