RGB
RGB 是一种加色(additive)颜色模型,用红(Red)、绿(Green)、蓝(Blue)三个通道的光叠加来表示颜色。三个通道都为 0 时是黑色,都为最大值时是白色,中间通过不同强度的组合得到各种颜色。它是显示器、手机屏幕等发光设备呈现颜色的基础,因此也被叫作「三原色」。
最常见的是 8 位色深:每个通道取值 0–255,三通道组合共约 1670 万种颜色(256³)。在前端里同一个颜色有多种写法:rgb(255, 0, 0)、十六进制 #FF0000、带透明度的 rgba(255, 0, 0, 0.5),它们描述的是同一套 RGB 数值,只是表示形式不同。
常见误区:
- RGB 是加色模型(光),与印刷用的 CMYK 减色模型(颜料吸光)方向相反,色域不同,不能无损互换。
- 裸 RGB 数值是「设备相关」的,同一组数值在不同屏幕上可能略有色差,严格场景需配合色彩空间(如
sRGB)。 - RGB、HEX、HSL 不是不同的颜色,而是同一颜色的不同表示方式,可以相互换算。
常见问题
RGB 和 CMYK 有什么区别?
RGB 是加色模型,用红绿蓝光叠加,越加越亮,适合屏幕显示;CMYK 是减色模型,用青品黄黑油墨吸收光,越叠越暗,适合印刷。两者色域不完全重合,转换时可能出现色差。
rgb(255,0,0) 和 #FF0000 是同一个颜色吗?
是的,都是纯红色。十六进制里每两位对应一个通道,FF 等于 255、00 等于 0,只是写法不同,可以直接互相换算。
为什么每个通道的范围是 0 到 255?
因为最常见的是每通道 8 位(1 字节),2 的 8 次方等于 256 个等级,即 0 到 255。也存在 10 位、16 位等更高色深,取值范围会相应更大。