一、开发中常用的颜色
每一种颜色都是由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-9 A-F
- 十进制取值: 0-9
- 二进制取值: 0-1
颜色的表示形式
- HEX格式 (ARGB)
绿色 #ff00ff00 黄色 #ffffff00
黑色 #ff000000 白色 #ffffffff
- ARGB格式
绿色 255,0,255,0 黄色 255,255,255,0
黑色 255,0,0,0 白色 255,255,255,255
三、24位颜色认知
颜色的组成
- 由RGB四个颜色通道组成
- 每一个颜色通道都占据8bit
- 每一个颜色通道的取值范围是
二进制: [0b00000000, 0b11111111] 注意:0b代表2进制
十进制: [0, 255] 注意:(0-(28-1))
十六进制:[0x00, 0xff] 注意:0x代表16进制
颜色的表示形式
- HEX格式 (RGB)
绿色 #00ff00 黄色 #ffff00
黑色 #000000 白色 #ffffff
- RGB格式
绿色 0,255,0 黄色 255,255,0
黑色 0,0,0 白色 255,255,255
四、12位颜色认知
颜色的组成
- 由RGB四个颜色通道组成
- 每一个颜色通道都占据4bit
- 每一个颜色通道的取值范围是
二进制: [0b0000, 0b1111] 注意:0b代表2进制
十进制: [0, 15] 注意:(0-(24-1))
十六进制:[0x00, 0xff] 注意:0x代表16进制
颜色的表示形式
- HEX格式 (RGB)
绿色 #0f0 黄色 #ff0
黑色 #000 白色 #fff
- RGB格式
绿色 0,15,0 黄色 15,15,0
黑色 0,0,0 白色 15,15,15
五、总结
颜色的通道越多,质量就越高,占用尺寸就越大,图像就越清晰
PNG格式(无损压缩) 和 JPG格式(有损压缩)
区别:一个有损,一个无损 (压缩了某些通道)
开发技巧:适用于OC和HTML5
纯色的可以使用12bit
需要设置透明的可以使用24bit或者32bit
(图片的压缩技术文件的压缩技术)
注意:HEX格式和RGB格式互转
1.自己计算
2.借助软件