
色 彩 RGB 值 對 照 表.png
前段時間公司在研發(fā)一個電商項目,趁現(xiàn)在有時間把其中的知識點(diǎn)整理整理。
項目中有個需求是對UIImage的像素值進(jìn)行改變,小兵當(dāng)時懵圈了,像素值是撒玩意,還改變?
最后查了百度,其時是對UIImage的RGB進(jìn)行更改,如下圖;

小新前.png

小新后.png
代碼
//** 顏色變化 */
void ProviderReleaseData (void *info, const void *data, size_t size){
free((void*)data);
}
- (UIImage*)imageBlackToTransparent:(UIImage*)image withRed:(CGFloat)red andGreen:(CGFloat)green andBlue:(CGFloat)blue{
const int imageWidth = image.size.width;
const int imageHeight = image.size.height;
size_t bytesPerRow = imageWidth * 4;
uint32_t* rgbImageBuf = (uint32_t*)malloc(bytesPerRow * imageHeight);
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef context = CGBitmapContextCreate(rgbImageBuf, imageWidth, imageHeight, 8, bytesPerRow, colorSpace,
kCGBitmapByteOrder32Little | kCGImageAlphaNoneSkipLast);
CGContextDrawImage(context, CGRectMake(0, 0, imageWidth, imageHeight), image.CGImage);
// 遍歷像素
int pixelNum = imageWidth * imageHeight;
uint32_t* pCurPtr = rgbImageBuf;
for (int i = 0; i < pixelNum; i++, pCurPtr++){
if ((*pCurPtr & 0xFFFFFF00) < 0x82828200) // 將像素值進(jìn)行判斷
{
// 改成下面的代碼,會將圖片轉(zhuǎn)成想要的顏色
uint8_t* ptr = (uint8_t*)pCurPtr;
ptr[3] = red; //0~255
ptr[2] = green;
ptr[1] = blue;
// ptr[0] = 0;
}
else
{
uint8_t* ptr = (uint8_t*)pCurPtr;
ptr[0] = 0;
}
}
// 輸出圖片
CGDataProviderRef dataProvider = CGDataProviderCreateWithData(NULL, rgbImageBuf, bytesPerRow * imageHeight, ProviderReleaseData);
CGImageRef imageRef = CGImageCreate(imageWidth, imageHeight, 8, 32, bytesPerRow, colorSpace,
kCGImageAlphaLast | kCGBitmapByteOrder32Little, dataProvider,
NULL, true, kCGRenderingIntentDefault);
CGDataProviderRelease(dataProvider);
UIImage* resultUIImage = [UIImage imageWithCGImage:imageRef];
// 清理空間
CGImageRelease(imageRef);
CGContextRelease(context);
CGColorSpaceRelease(colorSpace);
return resultUIImage;
}
RGB用法
0xFFFFFF00 0x表示16進(jìn)制數(shù),前兩個ff表示的是透明度,00-ff,接下來兩個ff表示紅R,00-ff,后面兩個ff表示綠G,00-ff,最后兩個ff表示藍(lán)B,00-ff,所以呢int mul = 0xFFFFFF00;
//remove BLUE component 移除藍(lán)色B部分,可以根據(jù)三基色配色圖看int add = 0x0000FF00;
//set GREEN full 綠色的填滿,差不多就這個意思了。。。具體的還可以去測試下float[] colorMatrix = {
1, 0, 0, 0, 0, //red
0, 0, 0, 0, 0, //green
0, 0, 0, 0, 0, //blue
0, 0, 0, 1, 0 //alpha
};
Paint MyPaint = new Paint();
ColorFilter colorFilter = new ColorMatrixColorFilter(colorMatrix);
MyPaint.setColorFilter(colorFilter);
Bitmap myBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
canvas.drawBitmap(myBitmap, 100, 100, MyPaint);
};這個畫出來的效果就是紅色和黑色了,因?yàn)椴煌该?,這個是color矩陣的用法,不太懂矩陣。
RGB 宏
iOS中RGB常用的色值,同時可將對顏色的設(shè)置定義成宏,方便開發(fā)應(yīng)用,如:
// RGB顏色轉(zhuǎn)換(16進(jìn)制->10進(jìn)制)
#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]
// 獲取RGB顏色
#define RGBA(r,g,b,a) [UIColor colorWithRed:r/255.0f green:g/255.0f blue:b/255.0f alpha:a]
#define RGB(r,g,b) RGBA(r,g,b,1.0f)