web-dev-qa-db-ja.com

UIColorが暗いか明るいかを確認しますか?

選択したUIColor(ユーザーが選んだ)が暗いか明るいかを判断する必要があるため、読みやすくするために、その色の上にあるテキスト行の色を変更できます。

Flash/Actionscriptの例(デモあり): http://web.archive.org/web/20100102024448/http://theflashblog.com/?p=17

何かご意見は?

乾杯、アンドレ

[〜#〜] update [〜#〜]

みんなの提案のおかげで、ここに作業コードがあります:

- (void) updateColor:(UIColor *) newColor
{
    const CGFloat *componentColors = CGColorGetComponents(newColor.CGColor);

    CGFloat colorBrightness = ((componentColors[0] * 299) + (componentColors[1] * 587) + (componentColors[2] * 114)) / 1000;
    if (colorBrightness < 0.5)
    {
        NSLog(@"my color is dark");
    }
    else
    {
        NSLog(@"my color is light");
    }
}

もう一度ありがとう :)

98
Andre

W3Cには次のものがあります。 http://www.w3.org/WAI/ER/WD-AERT/#color-contrast

黒または白のテキストのみを行う場合は、上記の色の明るさの計算を使用します。 125未満の場合は、白いテキストを使用します。 125以上の場合は、黒のテキストを使用します。

編集1:黒のテキストにバイアスをかけます。 :)

編集2:使用する式は、((赤の値* 299)+(緑の値* 587)+(青の値* 114))/ 1000です。

69
Erik Nedwidek

このチェックを実行するためのSwift(3)拡張機能です。

この拡張機能は、グレースケールカラーで機能します。ただし、RGBイニシャライザーですべての色を作成し、UIColor.blackUIColor.whiteなどの組み込み色を使用しない場合は、追加のチェックを削除できます。

extension UIColor {

    // Check if the color is light or dark, as defined by the injected lightness threshold.
    // Some people report that 0.7 is best. I suggest to find out for yourself.
    // A nil value is returned if the lightness couldn't be determined.
    func isLight(threshold: Float = 0.5) -> Bool? {
        let originalCGColor = self.cgColor

        // Now we need to convert it to the RGB colorspace. UIColor.white / UIColor.black are greyscale and not RGB.
        // If you don't do this then you will crash when accessing components index 2 below when evaluating greyscale colors.
        let RGBCGColor = originalCGColor.converted(to: CGColorSpaceCreateDeviceRGB(), intent: .defaultIntent, options: nil)
        guard let components = RGBCGColor?.components else {
            return nil
        }
        guard components.count >= 3 else {
            return nil
        }

        let brightness = Float(((components[0] * 299) + (components[1] * 587) + (components[2] * 114)) / 1000)
        return (brightness > threshold)
    }
}

テスト:

func testItWorks() {
    XCTAssertTrue(UIColor.yellow.isLight()!, "Yellow is LIGHT")
    XCTAssertFalse(UIColor.black.isLight()!, "Black is DARK")
    XCTAssertTrue(UIColor.white.isLight()!, "White is LIGHT")
    XCTAssertFalse(UIColor.red.isLight()!, "Red is DARK")
}

注:Swift 3 12/7/18に更新

31
josh-fuggle

Erik Nedwidekの答えを使用して、簡単に含めるためのコードの小さな断片を思い付きました。

- (UIColor *)readableForegroundColorForBackgroundColor:(UIColor*)backgroundColor {
    size_t count = CGColorGetNumberOfComponents(backgroundColor.CGColor);
    const CGFloat *componentColors = CGColorGetComponents(backgroundColor.CGColor);

    CGFloat darknessScore = 0;
    if (count == 2) {
        darknessScore = (((componentColors[0]*255) * 299) + ((componentColors[0]*255) * 587) + ((componentColors[0]*255) * 114)) / 1000;
    } else if (count == 4) {
        darknessScore = (((componentColors[0]*255) * 299) + ((componentColors[1]*255) * 587) + ((componentColors[2]*255) * 114)) / 1000;
    }

    if (darknessScore >= 125) {
        return [UIColor blackColor];
    }

    return [UIColor whiteColor];
}
30

Swift3

extension UIColor {
    var isLight: Bool {
        var white: CGFloat = 0
        getWhite(&white, alpha: nil)
        return white > 0.5
    }
}

// Usage
if color.isLight {
    label.textColor = UIColor.black
} else {
    label.textColor = UIColor.white
}
28
neoneye

カテゴリ内のこの問題に対する私の解決策(ここの他の回答から引用)。また、グレースケールカラーでも機能します。これは、執筆時点では、他の回答では機能しません。

@interface UIColor (Ext)

    - (BOOL) colorIsLight;

@end

@implementation UIColor (Ext)

    - (BOOL) colorIsLight {
        CGFloat colorBrightness = 0;

        CGColorSpaceRef colorSpace = CGColorGetColorSpace(self.CGColor);
        CGColorSpaceModel colorSpaceModel = CGColorSpaceGetModel(colorSpace);

        if(colorSpaceModel == kCGColorSpaceModelRGB){
            const CGFloat *componentColors = CGColorGetComponents(self.CGColor);

            colorBrightness = ((componentColors[0] * 299) + (componentColors[1] * 587) + (componentColors[2] * 114)) / 1000;
        } else {
            [self getWhite:&colorBrightness alpha:0];
        }

        return (colorBrightness >= .5f);
    }

@end
7
mattsven

Swift 4バージョン

extension UIColor {
    func isLight() -> Bool {
        guard let components = cgColor.components, components.count > 2 else {return false}
        let brightness = ((components[0] * 299) + (components[1] * 587) + (components[2] * 114)) / 1000
        return (brightness > 0.5)
    }
}
7
Kaiyuan Xu

Simpler Swift 3 extension:

extension UIColor {
    func isLight() -> Bool {
        guard let components = cgColor.components else { return false }
        let redBrightness = components[0] * 299
        let greenBrightness = components[1] * 587
        let blueBrightness = components[2] * 114
        let brightness = (redBrightness + greenBrightness + blueBrightness) / 1000
        return brightness > 0.5
    }
}
4
Sunkas

ブロックバージョンを希望する場合:

BOOL (^isDark)(UIColor *) = ^(UIColor *color){
    const CGFloat *component = CGColorGetComponents(color.CGColor);
    CGFloat brightness = ((component[0] * 299) + (component[1] * 587) + (component[2] * 114)) / 1000;

    if (brightness < 0.75)
        return  YES;
    return NO;
};
3
kakilangit

UIColorには、HSB色空間に変換する次のメソッドがあります。

- (BOOL)getHue:(CGFloat *)hue saturation:(CGFloat *)saturation brightness:(CGFloat *)brightness alpha:(CGFloat *)alpha;
2
Cuddy

以下の方法は、Swift言語の色が白に基づく言語で明るいか暗いかを見つけることです。

func isLightColor(color: UIColor) -> Bool 
{
   var white: CGFloat = 0.0
   color.getWhite(&white, alpha: nil)

   var isLight = false

   if white >= 0.5
   {
       isLight = true
       NSLog("color is light: %f", white)
   }
   else
   {
      NSLog("Color is dark: %f", white)
   }

   return isLight
}

以下の方法は、色成分を使用してSwiftで色が明るいか暗いかを検出します。

func isLightColor(color: UIColor) -> Bool 
{
     var isLight = false

     var componentColors = CGColorGetComponents(color.CGColor)

     var colorBrightness: CGFloat = ((componentColors[0] * 299) + (componentColors[1] * 587) + (componentColors[2] * 114)) / 1000;
     if (colorBrightness >= 0.5)
     {
        isLight = true
        NSLog("my color is light")
     }
     else
     {
        NSLog("my color is dark")
     }  
     return isLight
}
2
abhi

CGColorGetComponentsのみを使用しても機能しなかったため、白のようなUIColorsの2つのコンポーネントを取得しました。そのため、最初に色空間モデルを確認する必要があります。これが、私が思いついたもので、最終的にSwift @mattsvenの回答のバージョンです。

ここから取られた色空間: https://stackoverflow.com/a/16981916/4905076

extension UIColor {
    func isLight() -> Bool {
        if let colorSpace = self.cgColor.colorSpace {
            if colorSpace.model == .rgb {
                guard let components = cgColor.components, components.count > 2 else {return false}

                let brightness = ((components[0] * 299) + (components[1] * 587) + (components[2] * 114)) / 1000

                return (brightness > 0.5)
            }
            else {
                var white : CGFloat = 0.0

                self.getWhite(&white, alpha: nil)

                return white >= 0.5
            }
        }

        return false
    }
2
Lucho

灰色ではないすべての場合、通常、RGBの逆色は非常に対照的です。デモでは、色を反転し、彩度を下げます(グレーに変換します)。

しかし、ニースのなだめるような色の組み合わせを生成することは非常に複雑です。見る :

http://particletree.com/notebook/calculating-color-contrast-for-legible-text/

2
rep_movsd
- (BOOL)isColorLight:(UIColor*)color
{
    CGFloat white = 0;
    [color getWhite:&white alpha:nil];
    return (white >= .5);
}
0
Mike Glukhov

あなたが色の明るさを見つけたいなら、いくつかの擬似コードがあります:

public float GetBrightness(int red, int blue, int green)
{
    float num = red / 255f;
    float num2 = blue / 255f;
    float num3 = green / 255f;
    float num4 = num;
    float num5 = num;
    if (num2 > num4)
        num4 = num2;
    if (num3 > num4)
        num4 = num3;
    if (num2 < num5)
        num5 = num2;
    if (num3 < num5)
        num5 = num3;
    return ((num4 + num5) / 2f);
}

0.5より大きい場合は明るく、それ以外の場合は暗くなります。

0
Bryan Denny