主流浏览器支持W3C的CSS Color 4标准，为web端增加了更丰富、更高清的色彩，但是这个新标准到底是什么？为何需要它？接下来，我们将为大家详细解读这个新标准，首先了解几个基础概念。色域（color gamut）是指颜色的可选范围，而sRGB色域是目前web广泛应用的色域标准，使用红、绿、蓝作为基础色，色值范围为0~255，三种基础色互相混合起来可展示255*255*255种颜色。然而，现代web css使用的sRGB色域仅满足基础性的色彩需求，无法展示人类肉眼所能感知的颜色范围，也远低于高清展示的要求。

本篇我们将着重介绍css的径向渐变，注意它和线性渐变的区别。

径向渐变 —— radial-gradient

前端功能问题系列文章，点击上方合集↑

引言

近期，三大主流浏览器引擎均发布最新版本，支持W3C的CSS Color 4标准，包含新的取色方法color()和相应语法，可展示更多的色域及色彩空间，这意味着web端能展示更丰富更高清的色彩。虽然目前只有最新版本的现代浏览器才支持，我们可以先提前了解一下这项新标准。