Как конвертировать цветовые коды HEX RGB в UIColor?

У меня есть шестнадцатеричный код RGB, такой как #ffffff как NSString и вы хотите преобразовать его в UIColor. Есть ли простой способ сделать это?

Ответ 1

В некотором моем коде, я использую две разные функции:

void SKScanHexColor(NSString * hexString, float * red, float * green, float * blue, float * alpha) {
  NSString *cleanString = [hexString stringByReplacingOccurrencesOfString:@"#" withString:@""];
  if([cleanString length] == 3) {
      cleanString = [NSString stringWithFormat:@"%@%@%@%@%@%@", 
                     [cleanString substringWithRange:NSMakeRange(0, 1)],[cleanString substringWithRange:NSMakeRange(0, 1)],
                     [cleanString substringWithRange:NSMakeRange(1, 1)],[cleanString substringWithRange:NSMakeRange(1, 1)],
                     [cleanString substringWithRange:NSMakeRange(2, 1)],[cleanString substringWithRange:NSMakeRange(2, 1)]];
  }
  if([cleanString length] == 6) {
      cleanString = [cleanString stringByAppendingString:@"ff"];
  }

  unsigned int baseValue;
  [[NSScanner scannerWithString:cleanString] scanHexInt:&baseValue];

  if (red) { *red = ((baseValue >> 24) & 0xFF)/255.0f; }
  if (green) { *green = ((baseValue >> 16) & 0xFF)/255.0f; }
  if (blue) { *blue = ((baseValue >> 8) & 0xFF)/255.0f; }
  if (alpha) { *alpha = ((baseValue >> 0) & 0xFF)/255.0f; }
}

И затем я использую его следующим образом:

UIColor * SKColorFromHexString(NSString * hexString) {
  float red, green, blue, alpha;
  SKScanHexColor(hexString, &red, &green, &blue, &alpha);

  return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
}

Если вы предпочитаете использовать это как категорию UIColor, то это просто вопрос изменения нескольких строк:

+ (UIColor *) colorFromHexString:(NSString *)hexString {
  NSString *cleanString = [hexString stringByReplacingOccurrencesOfString:@"#" withString:@""];
  if([cleanString length] == 3) {
      cleanString = [NSString stringWithFormat:@"%@%@%@%@%@%@", 
                     [cleanString substringWithRange:NSMakeRange(0, 1)],[cleanString substringWithRange:NSMakeRange(0, 1)],
                     [cleanString substringWithRange:NSMakeRange(1, 1)],[cleanString substringWithRange:NSMakeRange(1, 1)],
                     [cleanString substringWithRange:NSMakeRange(2, 1)],[cleanString substringWithRange:NSMakeRange(2, 1)]];
  }
  if([cleanString length] == 6) {
      cleanString = [cleanString stringByAppendingString:@"ff"];
  }

  unsigned int baseValue;
  [[NSScanner scannerWithString:cleanString] scanHexInt:&baseValue];

  float red = ((baseValue >> 24) & 0xFF)/255.0f;
  float green = ((baseValue >> 16) & 0xFF)/255.0f;
  float blue = ((baseValue >> 8) & 0xFF)/255.0f;
  float alpha = ((baseValue >> 0) & 0xFF)/255.0f;

  return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
}

Это будет обрабатывать строки типа "#abc", "# abcdef31" и т.д.

Ответ 2

Если вы используете значения Hex.

#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]

  //Then use any Hex value

 self.view.backgroundColor = UIColorFromRGB(0xD2691E);   

Ответ 3

Я искал простое решение и придумал это (не полностью Objective-C, но работает как шарм):

NSString *stringColor = @"#AABBCC";
NSUInteger red, green, blue;
sscanf([stringColor UTF8String], "#%02X%02X%02X", &red, &green, &blue);

UIColor *color = [UIColor colorWithRed:red/255.0 green:green/255.0 blue:blue/255.0 alpha:1];

Ответ 4

Существует хорошая категория для UIColor под названием "UIColor + Expanded" , которая имеет метод класса для получения UIColor из шестнадцатеричной строки RGB:

Прост в использовании:

UIColor *myColor = [UIColor colorWithHexString:@"FF0000"];

Плюс добавляет много других полезных утилит для UIColor. Дополнительная информация доступна в этой статье.

Ответ 6

+ (UIColor *)colorWithHexString:(NSString *)colorString
{
    colorString = [colorString stringByReplacingOccurrencesOfString:@"#" withString:@""];

    if (colorString.length == 3)
        colorString = [NSString stringWithFormat:@"%c%c%c%c%c%c",
        [colorString characterAtIndex:0], [colorString characterAtIndex:0],
        [colorString characterAtIndex:1], [colorString characterAtIndex:1],
        [colorString characterAtIndex:2], [colorString characterAtIndex:2]];

    if (colorString.length == 6)
    {
        int r, g, b;
        sscanf([colorString UTF8String], "%2x%2x%2x", &r, &g, &b);
        return [UIColor colorWithRed:(r/255.0) green:(g/255.0) blue:(b/255.0) alpha:1.0];
    }
    return nil;
}

для формата № 123, 123, # fff195, fff195

+ (UIColor *)colorWithHexValue:(int)hexValue
{
    float red   = ((hexValue & 0xFF0000) >> 16)/255.0;
    float green = ((hexValue & 0xFF00) >> 8)/255.0;
    float blue  = (hexValue & 0xFF)/255.0;
    return [UIColor colorWithRed:red green:green blue:blue alpha:1.0];
}

для формата 0xfff195

Ответ 7

Самый простой способ, которым я нашел: Hex to UIColor Converter

Просто введите шестнадцатеричный номер без '#', и он вернет код UIColor. Например, код для оранжевого цвета (# f77f00):

[UIColor colorWithRed:0.969 green:0.498 blue:0 alpha:1.0]

Ответ 8

Я думаю, что я разделил бы шесть символов на три пары, а затем преобразую их в десятичные, а затем разделим на 255, чтобы получить каждый цветной компонент как float.

Затем вы можете передать компоненты:

[UIColor colorWithRed: green: blue: alpha:1];

Ответ 9

Я создал онлайн-инструмент для мгновенного преобразования любого шестнадцатеричного кода в фрагмент кода UIColor для Swift и Objective-C, когда использование пользовательских методов или плагинов неудобно: https://iosref.com/uihex/

Ответ 10

Если вы не хотите писать весь этот код выше, вы можете проверить этот сайт: http://www.diovo.com/apps/rgb-to-uicolor-converter.html
Из цвета HEX: #FFFFFF, сайт преобразует его в строку следующим образом:

UIColor *aColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:1.000];

Ответ 11

Если вам сложно перейти из ObjectiveC в swift, ответ здесь - Swift. В настоящее время он принимает только строки без #, но вы можете добавить метод сканера, чтобы пропустить его, я считаю.

func stringToColor(stringColor: String) -> UIColor {
    var hexInt: UInt32 = 0
    let scanner = NSScanner(string: stringColor)
    scanner.scanHexInt(&hexInt)
    let color = UIColor(
        red: CGFloat((hexInt & 0xFF0000) >> 16)/255,
        green: CGFloat((hexInt & 0xFF00) >> 8)/255,
        blue: CGFloat((hexInt & 0xFF))/255,
        alpha: 1)

    return color
}

Ответ 13

Думаю, здесь немного поздно... но я нашел эту версию в репозитории WhiteHouse Github, которая делает это довольно элегантно:

+(UIColor *)colorFromRGBHexString:(NSString *)colorString {
    if(colorString.length == 7) {
        const char *colorUTF8String = [colorString UTF8String];
        int r, g, b;
        sscanf(colorUTF8String, "#%2x%2x%2x", &r, &g, &b);
        return [UIColor colorWithRed:(r / 255.0) green:(g / 255.0) blue:(b / 255.0) alpha:1.0];
    }    
    return nil;
}

Ссылка на источник на их WHAppConfig.m на github

Ответ 14

В итоге я создал категорию для UIColor которую я могу просто использовать в других своих проектах.

Objective-C

#import <UIKit/UIKit.h>

@interface UIColor (HexColor)

+ (UIColor *)colorFromHex:(unsigned long)hex;

@end

@implementation UIColor (HexColor)

+ (UIColor *)colorFromHex:(unsigned long)hex
{
  return [UIColor colorWithRed:((float)((hex & 0xFF0000) >> 16))/255.0 green:((float)((hex & 0xFF00) >> 8))/255.0 blue:((float)(hex & 0xFF))/255.0 alpha:1.0];
}

@end

// USAGE
UIColor *customRedColor = [UIColor colorFromHex:0x990000];

стриж

extension UIColor {

  convenience init(hex: Int) {
    let red = CGFloat((hex & 0xff0000) >> 16) / 255.0
    let green = CGFloat((hex & 0x00ff00) >> 8) / 255.0
    let blue = CGFloat(hex & 0x0000ff) / 255.0
    self.init(red: red, green: green, blue: blue, alpha: 1.0)
  }

}

// USAGE
let customColor = UIColor(hex: 0x990000)

Ответ 15

Я думаю, что есть еще более простой способ использования значений HEX. Просто добавьте определение в начало файла или укажите заголовочный файл для преобразования (UIColorFromRGB). Вы даже можете добавить шаблон фиксированных значений цвета HEX.

#define CLR_YELLOW_TEXT     0xf4dc89    // A Light Yellow text
#define CLR_GREEN_TEXT      0x008040    // Dark Green text for my buttons

#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]

Затем просто ссылайтесь на него в своем коде, используя значения HEX напрямую или ваши шестнадцатеричные значения. Например...

[myButton1 setTitleColor:UIColorFromRGB(0xd02d2d) forState:UIControlStateNormal];
[myButton2 setTitleColor:UIColorFromRGB(CLR_GREEN_TEXT) forState:UIControlStateNormal];
[myButton3 setTitleColor:UIColorFromRGB(CLR_YELLOW_TEXT) forState:UIControlStateNormal];

(PS - это предполагает альфа 1.0, но его можно всегда менять в определении).

Enjoy.

Ответ 16

Я нашел библиотеку cocoapod очень полезной при создании UIColor с использованием значений "#RRGGBB".

pod 'UIColor-HexRGB'

Ответ 17

+(UIColor*)colorWithHexString:(NSString*)hexString

{

NSString *cString = [[hexString stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] uppercaseString];

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

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

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

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];

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];

}