CSS color() function

- CR

The 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

  1. 4 - 107: Not supported
  2. 108 - 110: Disabled by default
  3. 111 - 123: Supported
  4. 124: Supported
  5. 125 - 127: Supported

Edge

  1. 12 - 107: Not supported
  2. 108 - 110: Disabled by default
  3. 111 - 122: Supported
  4. 123: Supported

Safari

  1. 3.1 - 10: Not supported
  2. 10.1 - 14.1: Partial support
  3. 15 - 17.3: Supported
  4. 17.4: Supported
  5. 17.5 - TP: Supported

Firefox

  1. 2 - 110: Not supported
  2. 111 - 112: Disabled by default
  3. 113 - 124: Supported
  4. 125: Supported
  5. 126 - 128: Supported

Opera

  1. 9 - 94: Not supported
  2. 95 - 97: Disabled by default
  3. 98 - 108: Supported
  4. 109: Supported

IE

  1. 5.5 - 10: Not supported
  2. 11: Not supported

Chrome for Android

  1. 123: Supported

Safari on iOS

  1. 3.2 - 10.2: Not supported
  2. 10.3 - 14.8: Partial support
  3. 15 - 17.3: Supported
  4. 17.4: Supported
  5. 17.5: Supported

Samsung Internet

  1. 4 - 21: Not supported
  2. 22 - 23: Supported
  3. 24: Supported

Opera Mini

  1. all: Not supported

Opera Mobile

  1. 10 - 12.1: Not supported
  2. 80: Supported

UC Browser for Android

  1. 15.5: Not supported

Android Browser

  1. 2.1 - 4.4.4: Not supported
  2. 123: Supported

Firefox for Android

  1. 124: Supported

QQ Browser

  1. 14.9: Not supported

Baidu Browser

  1. 13.52: Not supported

KaiOS Browser

  1. 2.5: Not supported
  2. 3: Not supported

For this function to work properly, the device screen and OS also needs to support the color space being used.

Resources:
Chromium implementation bug
Firefox implementation bug
Color generator that uses color() with the P3 color space
WebKit article on using color() with the P3 color space