how to set hex color code for background

Question

Possible Duplicate:
How can I create a UIColor from a hex string?

I want to programmatically set the color of the UIView Background.

It doesn't seem like I can do it through Interfacebuilder. How should I do it if I want to set it to some hex code color?

Best solution I've seen: http://stackoverflow.com/a/3532264/382374. Good luck! — Erik, Jul 18 '12 at 16:18

WrightsCS · Accepted Answer · 2012-06-06T12:54:57.940

I like to use this little piece of code to use HTML web colors in my apps.

Usage:

[self.view setBackgroundColor: [self colorWithHexString:@"FFFFFF"]]; /* white */

The Code:

-(UIColor*)colorWithHexString:(NSString*)hex  
{  
    NSString *cString = [[hex stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] uppercaseString];  

    // String should be 6 or 8 characters  
    if ([cString length] < 6) return [UIColor grayColor];  

    // strip 0X if it appears  
    if ([cString hasPrefix:@"0X"]) cString = [cString substringFromIndex:2];  

    if ([cString length] != 6) return  [UIColor grayColor];  

    // Separate into r, g, b substrings  
    NSRange range;  
    range.location = 0;  
    range.length = 2;  
    NSString *rString = [cString substringWithRange:range];  

    range.location = 2;  
    NSString *gString = [cString substringWithRange:range];  

    range.location = 4;  
    NSString *bString = [cString substringWithRange:range];  

    // Scan values  
    unsigned int r, g, b;  
    [[NSScanner scannerWithString:rString] scanHexInt:&r];  
    [[NSScanner scannerWithString:gString] scanHexInt:&g];  
    [[NSScanner scannerWithString:bString] scanHexInt:&b];  

    return [UIColor colorWithRed:((float) r / 255.0f)  
                           green:((float) g / 255.0f)  
                            blue:((float) b / 255.0f)  
                           alpha:1.0f];  
}

Create a button using code and assign hex color using it, and compare same with creating button from xib of the same hax, you will get different color. — Rajneesh071, Apr 15 '15 at 10:01
In Android it's a simple property set, why does Apple have to make things so complicated. — Lazar Kukolj, Jul 28 '16 at 02:50
This code works great, it's been in our app for years (with a link to this question) However, I recently added support for transparency (alpha) in hex codes, but I cannot seem to find a way to add another answer... is it acceptable to edit this one? — Lytic, Jul 28 '16 at 23:55

score 31 · Answer 2 · answered Jan 13 '12 at 17:58

Here's simple category on UIColor that helps you create color from 8bit int value
and from hex value ("#a2ffc0").

UIColor+CreateMethods.h

//
//  UIColor+CreateMethods.h
//
//  Created by Tomasz Rybakiewicz on 1/13/12.
//

#import <UIKit/UIKit.h>

@interface UIColor (CreateMethods)

// wrapper for [UIColor colorWithRed:green:blue:alpha:]
// values must be in range 0 - 255
+ (UIColor*)colorWith8BitRed:(NSInteger)red green:(NSInteger)green blue:(NSInteger)blue alpha:(CGFloat)alpha;

// Creates color using hex representation
// hex - must be in format: #FF00CC 
// alpha - must be in range 0.0 - 1.0
+ (UIColor*)colorWithHex:(NSString*)hex alpha:(CGFloat)alpha;

@end

UIColor+CreateMethods.m

//
//  UIColor+CreateMethods.m
//
//  Created by Tomasz Rybakiewicz on 1/13/12.
//

#import "UIColor+CreateMethods.h"

@implementation UIColor (CreateMethods)

+ (UIColor*)colorWith8BitRed:(NSInteger)red green:(NSInteger)green blue:(NSInteger)blue alpha:(CGFloat)alpha {
    return [UIColor colorWithRed:(red/255.0) green:(green/255.0) blue:(blue/255.0) alpha:alpha];
}

+ (UIColor*)colorWithHex:(NSString*)hex alpha:(CGFloat)alpha {

    assert(7 == [hex length]);
    assert('#' == [hex characterAtIndex:0]);

    NSString *redHex = [NSString stringWithFormat:@"0x%@", [hex substringWithRange:NSMakeRange(1, 2)]];
    NSString *greenHex = [NSString stringWithFormat:@"0x%@", [hex substringWithRange:NSMakeRange(3, 2)]];
    NSString *blueHex = [NSString stringWithFormat:@"0x%@", [hex substringWithRange:NSMakeRange(5, 2)]];

    unsigned redInt = 0;
    NSScanner *rScanner = [NSScanner scannerWithString:redHex];
    [rScanner scanHexInt:&redInt];

    unsigned greenInt = 0;
    NSScanner *gScanner = [NSScanner scannerWithString:greenHex];
    [gScanner scanHexInt:&greenInt];

    unsigned blueInt = 0;
    NSScanner *bScanner = [NSScanner scannerWithString:blueHex];
    [bScanner scanHexInt:&blueInt];

    return [UIColor colorWith8BitRed:redInt green:greenInt blue:blueInt alpha:alpha];
}

@end

Enjoy.

Couldn't have it working =/ – Lucas Pereira Dec 04 '12 at 13:11 — Lucas Pereira, Dec 04 '12 at 13:11

score 3 · Answer 3 · answered Jun 01 '11 at 20:42

3

UIView's setBackgroundColor method. You can create a UIColor from hex with UIColor initWithRed:green:blue:alpha it takes floats so you'll need to do bitshifts and math to get the appropriate components. This is how I manage it

answered Jun 01 '11 at 20:42

Dan F

17,654
5
72
110

how to set hex color code for background

3 Answers3

Usage:

The Code:

Linked