CSS color() function
- CRThe CSS color()
function allows the browser to display colors in any color space, such as the P3 color space which can display colors outside of the default sRGB color space.
Chrome
- ❌ 4 - 107: Not supported
- ❌ 108 - 110: Disabled by default
- ✅ 111 - 130: Supported
- ✅ 131: Supported
- ✅ 132 - 134: Supported
Edge
- ❌ 12 - 107: Not supported
- ❌ 108 - 110: Disabled by default
- ✅ 111 - 130: Supported
- ✅ 131: Supported
Safari
- ❌ 3.1 - 10: Not supported
- ◐ 10.1 - 14.1: Partial support
- ✅ 15 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2 - TP: Supported
Firefox
- ❌ 2 - 110: Not supported
- ❌ 111 - 112: Disabled by default
- ✅ 113 - 132: Supported
- ✅ 133: Supported
- ✅ 134 - 136: Supported
Opera
- ❌ 9 - 94: Not supported
- ❌ 95 - 97: Disabled by default
- ✅ 98 - 113: Supported
- ✅ 114: Supported
IE
- ❌ 5.5 - 10: Not supported
- ❌ 11: Not supported
Chrome for Android
- ✅ 131: Supported
Safari on iOS
- ❌ 3.2 - 10.2: Not supported
- ◐ 10.3 - 14.8: Partial support
- ✅ 15 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2: Supported
Samsung Internet
- ❌ 4 - 21: Not supported
- ✅ 22 - 25: Supported
- ✅ 26: Supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 12.1: Not supported
- ✅ 80: Supported
UC Browser for Android
- ❌ 15.5: Not supported
Android Browser
- ❌ 2.1 - 4.4.4: Not supported
- ✅ 131: Supported
Firefox for Android
- ✅ 132: Supported
QQ Browser
- ❌ 14.9: Not supported
Baidu Browser
- ❌ 13.52: Not supported
KaiOS Browser
- ❌ 2.5: Not supported
- ❌ 3: Not supported
For this function to work properly, the device screen and OS also needs to support the color space being used.