CSS3 颜色体系是现代网页视觉设计的基础，涵盖了从纯色到带透明度的渐变效果，适用于所有的现代浏览器。
HEX 十六进制格式以#开头，用6位或者简写3位的十六进制数来定义红、绿、蓝三个通道的强度，取值范围从00到FF，在设计工具导出时最常用的就是这种格式，跨平台兼容性很强。RGB 格式直接用三个0-255之间的整数来表示三原色的亮度，开发者可以直观地调整各个通道的比例，精确地控制基础颜色的表现。
RGBA 在 RGB 的基础上增加了 alpha 透明度通道，取值范围为 0.0 到 1.0，可以实现半透明遮罩、按钮悬停过渡等细腻的效果。HSL 是基于色相、饱和度、亮度柱面坐标模型构建的，色相取值 0-360 度对应色轮全范围，饱和度和亮度以百分比调节，完全符合人眼对色彩的感知逻辑，批量调整同色系深浅时效率很高。HSLA 就是在 HSL 的基础上增加了透明度控制，既保留了色彩感知的优点，又具备了半透明效果的能力。
五种不同的颜色表达方式各有其适用的场合，合理的搭配可以大大减少前端样式开发中的调试成本，使页面具有更加丰富的视觉效果。
