Loading... **第一种：**直接用十六进制代码表示，类似于#02798b，每一位都是由十六进制数字表示，即0123456789abcdef **第二种：**用RGB函数或RGBA函数进行表示,rgb函数有三个值，分表代表红色绿色和蓝色通道值，每个值都是由介于0到255之间的十进制数字表示的 rgba函数多了一个参数，用于控制alpha通道的数值，也即前面三个数值产生的颜色的透明度，数值范围为0-1之间 **第三种：**HSL函数和HSLA函数，差别同上，但前三个数值代表的内容不同，分别代表色调、饱和度、亮度 - **色调**： 颜色的底色。这个值在0和360之间，表示色轮周围的角度。 - **饱和度**： 颜色有多饱和？ 它的值为0 - 100%，其中0为无颜色(它将显示为灰色阴影)，100%为全色饱和度 - **亮度**：颜色有多亮？ 它从0 - 100%中获取一个值，其中0表示没有光(它将完全显示为黑色)，100%表示完全亮(它将完全显示为白色) <div class="tip inlineBlock warning"> **注意：**在现代浏览器中，rgb与rgba，hsl与hsla的表现趋于一致化 </div> Last modification：July 26, 2021 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 如果觉得我的文章对你有用，请随意赞赏
