About Color

• 每⼀一种颜⾊色都是由N个颜⾊色通道组成
• 常见的颜⾊色通道(ARGB)

- A: alpha 透明度 R: red 红⾊色 G: green 绿⾊色 B: blue 蓝⾊色

• 常见颜⾊
• 白⾊全部通道满值
• 黑色:全部通道都是0(透明度除外)
• 灰⾊色:RGB通道的值⼀一样

32位颜⾊色认知

颜⾊色的组成

• 由ARGB四个颜⾊色通道组成
• 每⼀一个颜⾊色通道都占据8bit
• 每⼀一个颜⾊色通道的取值范围是
  • 二进制: [0b00000000, 0b11111111] 注意:0b代表2进制
  • ⼗〸十进制: [0, 255] 注意:(0-28-1)
  • 十六进制:[0x00, 0xff] 注意:0x代表16进制
  • 二进制取值: 0-1
  • 十进制取值: 0-9
  • 十六进制取值: 0-9 A-F

24位颜⾊色认知

• 颜⾊色的组成
• 由RGB四个颜⾊色通道组成
• 每⼀一个颜⾊色通道都占据8bit
• 每⼀一个颜⾊色通道的取值范围是
  • 二进制: [0b00000000, 0b11111111] 注意:0b代表2进制
  • ⼗〸十进制: [0, 255] 注意:(0-(28-1))
  • 〸十六进制:[0x00, 0xff] 注意:0x代表16进制

• 颜⾊色的表⽰示形式 - HEX格式 (RGB)
• ⾊色 #00ff00 ⿊黑⾊色 #000000
• RGB格式
  • 绿⾊ 0,255,0
  • ⿊色 0,0,0
  • 黄色 #ffff00 ⽩白⾊色 #ffffff
  • 黄色 255,255,0 ⽩白⾊色 255,255,255

12位颜⾊色认知

• 颜⾊色的组成
• 由RGB四个颜⾊色通道组成
• 每⼀一个颜⾊色通道都占据4bit
• 每⼀一个颜⾊色通道的取值范围是
  • 二进制: [0b0000, 0b1111] 注意:0b代表2进制
  • ⼗〸十进制: [0, 15] 注意:(0-(24-1))
  • ⼗〸十六进制:[0x00, 0xff] 注意:0x代表16进制

• 颜⾊色的表⽰示形式
• HEX格式 (RGB) 绿⾊色 #0f0
  ⿊色 #000
• RGB格式 绿⾊色 0,15,0
  • ⿊色 0,0,0
  • 黄色 #ff0 ⽩色 #fff
  • 黄色 15,15,0 ⽩色 15,15,15

总结

• 颜⾊色的通道越多,质量就越⾼高,占⽤用尺⼨寸就越⼤大,图像就越清晰 PNG格式 和 JPG格式
• 区别:⼀一个有损,⼀一个⽆无损 (压缩了某些通道)
• 开发技巧:适⽤用于OC和HTML5 纯⾊色的可以使⽤用12bit
• 需要设置透明的可以使⽤用24bit或者32bit (图⽚片的压缩技术!⽂文件的压缩技术)
• 注意:HEX格式和RGB格式互转 1.⾃自⼰己计算
• 借助软件