About Color
- 每?一種顏?色都是由N個(gè)顏?色通道組成
- 常見的顏?色通道(ARGB)
- A: alpha 透明度 R: red 紅?色 G: green 綠?色 B: blue 藍(lán)?色
- 常見顏?
- 白?全部通道滿值
- 黑色:全部通道都是0(透明度除外)
- 灰?色:RGB通道的值?一樣
32位顏?色認(rèn)知
顏?色的組成
- 由ARGB四個(gè)顏?色通道組成
- 每?一個(gè)顏?色通道都占據(jù)8bit
- 每?一個(gè)顏?色通道的取值范圍是
- 二進(jìn)制: [0b00000000, 0b11111111] 注意:0b代表2進(jìn)制
- ??十進(jìn)制: [0, 255] 注意:(0-28-1)
- 十六進(jìn)制:[0x00, 0xff] 注意:0x代表16進(jìn)制
- 二進(jìn)制取值: 0-1
- 十進(jìn)制取值: 0-9
- 十六進(jìn)制取值: 0-9 A-F
24位顏?色認(rèn)知
- 顏?色的組成
- 由RGB四個(gè)顏?色通道組成
- 每?一個(gè)顏?色通道都占據(jù)8bit
- 每?一個(gè)顏?色通道的取值范圍是
- 二進(jìn)制: [0b00000000, 0b11111111] 注意:0b代表2進(jìn)制
- ??十進(jìn)制: [0, 255] 注意:(0-(28-1))
- ?十六進(jìn)制:[0x00, 0xff] 注意:0x代表16進(jìn)制
- 顏?色的表?示形式 - HEX格式 (RGB)
- ?色 #00ff00 ?黑?色 #000000
- RGB格式
- 綠? 0,255,0
- ?色 0,0,0
- 黃色 #ffff00 ?白?色 #ffffff
- 黃色 255,255,0 ?白?色 255,255,255
12位顏?色認(rèn)知
- 顏?色的組成
- 由RGB四個(gè)顏?色通道組成
- 每?一個(gè)顏?色通道都占據(jù)4bit
- 每?一個(gè)顏?色通道的取值范圍是
- 二進(jìn)制: [0b0000, 0b1111] 注意:0b代表2進(jìn)制
- ??十進(jìn)制: [0, 15] 注意:(0-(24-1))
- ??十六進(jìn)制:[0x00, 0xff] 注意:0x代表16進(jìn)制
- 顏?色的表?示形式
- HEX格式 (RGB) 綠?色 #0f0
?色 #000 - RGB格式 綠?色 0,15,0
- ?色 0,0,0
- 黃色 #ff0 ?色 #fff
- 黃色 15,15,0 ?色 15,15,15
總結(jié)
- 顏?色的通道越多,質(zhì)量就越?高,占?用尺?寸就越?大,圖像就越清晰 PNG格式 和 JPG格式
- 區(qū)別:?一個(gè)有損,?一個(gè)?無損 (壓縮了某些通道)
- 開發(fā)技巧:適?用于OC和HTML5 純?色的可以使?用12bit
- 需要設(shè)置透明的可以使?用24bit或者32bit (圖?片的壓縮技術(shù)!?文件的壓縮技術(shù))
- 注意:HEX格式和RGB格式互轉(zhuǎn) 1.?自?己計(jì)算
- 借助軟件
