CSS color() 函數

- CR

CSS color() 函數允許瀏覽器在任何色彩空間中顯示色彩,例如 P3 色彩空間,它可以在預設的 sRGB 色彩空間之外顯示色彩。

Chrome

  1. 4 - 107: 不支援
  2. 108 - 110: 預設停用
  3. 111 - 123: 支援
  4. 124: 支援
  5. 125 - 127: 支援

Edge

  1. 12 - 107: 不支援
  2. 108 - 110: 預設停用
  3. 111 - 123: 支援
  4. 124: 支援

Safari

  1. 3.1 - 10: 不支援
  2. 10.1 - 14.1: 部分支援
  3. 15 - 17.3: 支援
  4. 17.4: 支援
  5. 17.5 - TP: 支援

Firefox

  1. 2 - 110: 不支援
  2. 111 - 112: 預設停用
  3. 113 - 124: 支援
  4. 125: 支援
  5. 126 - 128: 支援

Opera

  1. 9 - 94: 不支援
  2. 95 - 97: 預設停用
  3. 98 - 108: 支援
  4. 109: 支援

IE

  1. 5.5 - 10: 不支援
  2. 11: 不支援

Chrome for Android

  1. 124: 支援

Safari on iOS

  1. 3.2 - 10.2: 不支援
  2. 10.3 - 14.8: 部分支援
  3. 15 - 17.3: 支援
  4. 17.4: 支援
  5. 17.5: 支援

Samsung Internet

  1. 4 - 21: 不支援
  2. 22 - 23: 支援
  3. 24: 支援

Opera Mini

  1. 全部:不受支援

Opera Mobile

  1. 10 - 12.1:不受支援
  2. 80:受支援

UC Browser for Android

  1. 15.5:不受支援

Android Browser

  1. 2.1 - 4.4.4:不受支援
  2. 124: 支援

Firefox for Android

  1. 125: 支援

QQ Browser

  1. 14.9:不受支援

Baidu Browser

  1. 13.52:不受支援

KaiOS Browser

  1. 2.5:不受支援
  2. 3:不受支援

此功能要能正常運作,裝置螢幕和作業系統也需要支援所使用的色彩空間。

資源
Chromium 實作錯誤
Firefox 實作錯誤
使用 P3 色彩空間的 color() 的色彩產生器
WebKit 文章,說明如何將 color() 與 P3 色彩空間搭配使用