CSS-функция color() теперь доступна во всех браузерах

По данным MDN Web Docs и Web Platform Features Explorer, по состоянию на ноябрь 2025 года функциональная нотация color() достигла статуса widely available во всех основных браузерах без необходимости включения экспериментальных флагов.

Текущая поддержка в браузерах

• Chrome и Edge (Chromium) — с версии 119
• Safari (WebKit) — с версии 17.2
• Firefox (Gecko) — с версии 125

Таким образом, все три основных движка полностью поддерживают функцию color() в своих стабильных релизах.

Зачем нужна функция color()

Функция color() была введена в спецификации CSS Color Module Level 4 и решает две главные задачи:

1. Доступ к широкогамутным цветовым пространствам (Display P3, Rec.2020, A98 RGB, ProPhoto RGB и др.)
2. Поддержка современных перцептивно-равномерных цветовых моделей: oklab, oklch, srgb-oklab, srgb-oklch и др.

Примеры использования

/* Классические широкогамутные пространства */
.element-p3 {
  background: color(display-p3 1 0.3 0.1);
}

.element-rec2020 {
  color: color(rec2020 0.2 0.8 0.4);
}

/* С альфа-каналом */
.card {
  background: color(display-p3 0.1 0.6 1 / 0.8);
  /* или в процентах: */
  /* background: color(display-p3 0.1 0.6 1 / 80%); */
}

/* Перцептивно-равномерные модели (OKLab и OKLCH) */
.accent-oklab {
  color: color(srgb-oklab 0.85 0.12 -0.08);
}

.accent-oklch {
  color: color(srgb-oklch 0.82 0.18 240);
}

/* Комбинирование с относительными цветами (CSS Color 5) */
.theme-color {
  --base: color(srgb-oklch 0.75 0.2 200);
  color: color(srgb-oklch from var(--base) l 0.3 0.15);
}

Вывод

На ноябрь 2025 года функция color() полностью вышла из стадии экспериментов и поддерживается во всех актуальных версиях Chrome/Edge 119+, Safari 17.2+ и Firefox 125+. Это означает, что разработчики могут безопасно использовать широкогамутные цвета и современные цветовые модели (oklab/oklch) в продакшен-проектах без полифиллов и fallback-решений на @supports.

Источник данных:

• MDN: — color() function
• Web Features Explorer — color() function

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.