ฉันกำลังมองหาที่จะเปลี่ยน UIColor ใด ๆ ให้เป็นแบบไล่ระดับสี วิธีที่ฉันตั้งใจจะทำคือการใช้ Core Graphics ในการวาดการไล่ระดับสี สิ่งที่ฉันพยายามทำคือการได้สีมาพูดว่า:

[UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0];

และรับ UIColor ซึ่งเป็นสีไม่กี่สีเข้มขึ้นและไม่กี่สีเบา ไม่มีใครรู้วิธีการทำเช่นนี้? ขอบคุณ.

- (UIColor *)lighterColorForColor:(UIColor *)c
{
    CGFloat r, g, b, a;
    if ([c getRed:&r green:&g blue:&b alpha:&a])
        return [UIColor colorWithRed:MIN(r + 0.2, 1.0)
                               green:MIN(g + 0.2, 1.0)
                                blue:MIN(b + 0.2, 1.0)
                               alpha:a];
    return nil;
}

- (UIColor *)darkerColorForColor:(UIColor *)c
{
    CGFloat r, g, b, a;
    if ([c getRed:&r green:&g blue:&b alpha:&a])
        return [UIColor colorWithRed:MAX(r - 0.2, 0.0)
                               green:MAX(g - 0.2, 0.0)
                                blue:MAX(b - 0.2, 0.0)
                               alpha:a];
    return nil;
}

ใช้มันแบบนี้:

UIColor *baseColor = // however you obtain your color
UIColor *lighterColor = [self lighterColorForColor:baseColor];
UIColor *darkerColor = [self darkerColorForColor:baseColor];

แก้ไข : ตามที่ @Anchu Chimala ชี้ให้เห็นว่าเพื่อความยืดหยุ่นสูงสุดวิธีการเหล่านี้ควรนำมาใช้เป็นหมวดหมู่ UIColor นอกจากนี้จากความคิดของ @ Riley อาจเป็นความคิดที่ดีกว่าที่จะทำให้สีเข้มขึ้นหรือจางลงโดยไม่ต้องเพิ่มหรือลบค่าคงที่ @jrturton ชี้ให้เห็นว่าไม่จำเป็นต้องจัดการส่วนประกอบ RGB; มันจะดีกว่าที่จะแก้ไขคุณสมบัติความสว่างของตัวเอง ทั้งหมด:

@implementation UIColor (LightAndDark)

- (UIColor *)lighterColor
{
    CGFloat h, s, b, a;
    if ([self getHue:&h saturation:&s brightness:&b alpha:&a])
        return [UIColor colorWithHue:h
                          saturation:s
                          brightness:MIN(b * 1.3, 1.0)
                               alpha:a];
    return nil;
}

- (UIColor *)darkerColor
{
    CGFloat h, s, b, a;
    if ([self getHue:&h saturation:&s brightness:&b alpha:&a])
        return [UIColor colorWithHue:h
                          saturation:s
                          brightness:b * 0.75
                               alpha:a];
    return nil;
}
@end

TL; DR:

สวิฟท์:

extension UIColor {

    var lighterColor: UIColor {
        return lighterColor(removeSaturation: 0.5, resultAlpha: -1)
    }

    func lighterColor(removeSaturation val: CGFloat, resultAlpha alpha: CGFloat) -> UIColor {
        var h: CGFloat = 0, s: CGFloat = 0
        var b: CGFloat = 0, a: CGFloat = 0

        guard getHue(&h, saturation: &s, brightness: &b, alpha: &a)
            else {return self}

        return UIColor(hue: h,
                       saturation: max(s - val, 0.0),
                       brightness: b,
                       alpha: alpha == -1 ? a : alpha)
    }
}

การใช้งาน:

let lightColor = somethingDark.lighterColor

Objective-C:

- (UIColor *)lighterColorRemoveSaturation:(CGFloat)removeS
                              resultAlpha:(CGFloat)alpha {
    CGFloat h,s,b,a;
    if ([self getHue:&h saturation:&s brightness:&b alpha:&a]) {
        return [UIColor colorWithHue:h
                          saturation:MAX(s - removeS, 0.0)
                          brightness:b
                               alpha:alpha == -1? a:alpha];
    }
    return nil;
}

- (UIColor *)lighterColor {
    return [self lighterColorRemoveSaturation:0.5
                                  resultAlpha:-1];
}

@rchampourlier ถูกต้องในความคิดเห็นของเขาที่ @ user529758 (คำตอบที่ได้รับการยอมรับ) - โซลูชั่น HSB (หรือ HSV) และ RGB ให้ผลลัพธ์ที่แตกต่างอย่างสิ้นเชิง RGB เพิ่งเพิ่ม (หรือทำให้สีใกล้เคียงขึ้น) สีขาวและโซลูชัน HSB จะทำให้สีใกล้กับขอบมากขึ้นในระดับ Brigtness - ซึ่งโดยทั่วไปเริ่มจากสีดำและลงท้ายด้วยสีบริสุทธิ์ ...

ความสว่างโดยทั่วไป (ค่า) ทำให้สีมีความเข้มน้อยลงหรือใกล้เคียงกับสีดำมากขึ้นโดยที่ความอิ่มตัวของสีจะทำให้สีขาวใกล้เคียงยิ่งขึ้น ...

เท่าที่เห็นที่นี่:

ดังนั้นวิธีแก้ปัญหาที่ทำให้สีสว่างขึ้น (เช่นใกล้เคียงกับสีขาวมากขึ้น ... ) จะทำให้ค่าความอิ่มตัวของสีนั้นเล็กลงซึ่งจะทำให้วิธีนี้:

- (UIColor *)lighterColor {
    CGFloat h,s,b,a;
    if ([self getHue:&h saturation:&s brightness:&b alpha:&a]) {
        return [UIColor colorWithHue:h
                          saturation:MAX(s - 0.3, 0.0)
                          brightness:b /*MIN(b * 1.3, 1.0)*/
                               alpha:a];
    }
    return nil;
}

Swift universal extension สำหรับiOS และ OS Xโดยใช้getHue :

#if os(OSX)

    import Cocoa
    public  typealias PXColor = NSColor

    #else

    import UIKit
    public  typealias PXColor = UIColor

#endif

    extension PXColor {

    func lighter(amount : CGFloat = 0.25) -> PXColor {
        return hueColorWithBrightnessAmount(1 + amount)
    }

    func darker(amount : CGFloat = 0.25) -> PXColor {
        return hueColorWithBrightnessAmount(1 - amount)
    }

    private func hueColorWithBrightnessAmount(amount: CGFloat) -> PXColor {
        var hue         : CGFloat = 0
        var saturation  : CGFloat = 0
        var brightness  : CGFloat = 0
        var alpha       : CGFloat = 0

        #if os(iOS)

            if getHue(&hue, saturation: &saturation, brightness: &brightness, alpha: &alpha) {
                return PXColor( hue: hue,
                                saturation: saturation,
                                brightness: brightness * amount,
                                alpha: alpha )
            } else {
                return self
            }

            #else

            getHue(&hue, saturation: &saturation, brightness: &brightness, alpha: &alpha)
            return PXColor( hue: hue,
                            saturation: saturation,
                            brightness: brightness * amount,
                            alpha: alpha )

        #endif

    }

}

การใช้งาน:

let color = UIColor(red: 0.5, green: 0.8, blue: 0.8, alpha: 1.0)
color.lighter(amount:0.5)
color.darker(amount:0.5)

หรือ (ด้วยค่าเริ่มต้น):

color.lighter()
color.darker()

ตัวอย่าง:

ฉันแค่อยากจะให้ผลลัพธ์เดียวกันใน RGB มากกว่า

• วางสีด้วยอัลฟา x% บนพื้นหลังสีขาวเพื่อให้จางลง
• วางสีด้วยอัลฟา x% บนพื้นหลังสีดำเพื่อทำให้สีเข้มขึ้น

ซึ่งให้ผลแบบเดียวกัน AFAIK มากกว่าการเลือกสีใน 'การไล่ระดับสีเป็นสีขาว' หรือ 'สีเป็นสีดำ' ที่ x% ของขนาดการไล่ระดับสี

เพื่อจุดประสงค์นั้นคณิตศาสตร์นั้นง่าย:

extension UIColor {
    func mix(with color: UIColor, amount: CGFloat) -> UIColor {
        var red1: CGFloat = 0
        var green1: CGFloat = 0
        var blue1: CGFloat = 0
        var alpha1: CGFloat = 0

        var red2: CGFloat = 0
        var green2: CGFloat = 0
        var blue2: CGFloat = 0
        var alpha2: CGFloat = 0

        getRed(&red1, green: &green1, blue: &blue1, alpha: &alpha1)
        color.getRed(&red2, green: &green2, blue: &blue2, alpha: &alpha2)

        return UIColor(
            red: red1 * (1.0 - amount) + red2 * amount,
            green: green1 * (1.0 - amount) + green2 * amount,
            blue: blue1 * (1.0 - amount) + blue2 * amount,
            alpha: alpha1
        )
    }
}

นี่คือตัวอย่างที่มีบางสี

โซลูชันของ user529758 ใน Swift:

สีเข้ม:

func darkerColorForColor(color: UIColor) -> UIColor {

       var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0

       if color.getRed(&r, green: &g, blue: &b, alpha: &a){
           return UIColor(red: max(r - 0.2, 0.0), green: max(g - 0.2, 0.0), blue: max(b - 0.2, 0.0), alpha: a)
       }

       return UIColor()
}

สีเบา:

func lighterColorForColor(color: UIColor) -> UIColor {

       var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0

       if color.getRed(&r, green: &g, blue: &b, alpha: &a){
           return UIColor(red: min(r + 0.2, 1.0), green: min(g + 0.2, 1.0), blue: min(b + 0.2, 1.0), alpha: a)
       }

       return UIColor()
}

หากคุณแปลงสี RGB เป็นโมเดลสี HSLคุณสามารถเปลี่ยนแปลงส่วนประกอบ L = ความสว่างจาก L = 0.0 (สีดำ) มากกว่า L = 0.5 (สีธรรมชาติ) เป็น L = 1.0 (สีขาว) UIColorไม่สามารถจัดการ HSL ได้โดยตรง แต่มีสูตรสำหรับการแปลง RGB <-> HSL

ไม่มีการแก้ปัญหาที่โพสต์ค่อนข้างทำงานให้กับทุกสีและเฉดสี แต่แล้วฉัน stumbled ข้ามห้องสมุดนี้ซึ่งมีชุดของส่วนขยายการดำเนินการเป็นอย่างดีเพื่อ UIColor

โดยเฉพาะอย่างยิ่งมันมีฟังก์ชั่นที่เบาขึ้นเป็นส่วนหนึ่งของการนำ HSL ไปใช้: (UIColor *)lighten:(CGFloat)amount- ซึ่งทำงานได้อย่างสมบูรณ์แบบ

Sebyddd โซลูชันเป็นส่วนขยาย:

extension UIColor {    
    func darker() -> UIColor {

        var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0

        if self.getRed(&r, green: &g, blue: &b, alpha: &a){
            return UIColor(red: max(r - 0.2, 0.0), green: max(g - 0.2, 0.0), blue: max(b - 0.2, 0.0), alpha: a)
        }

        return UIColor()
    }

    func lighter() -> UIColor {

        var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0

        if self.getRed(&r, green: &g, blue: &b, alpha: &a){
            return UIColor(red: min(r + 0.2, 1.0), green: min(g + 0.2, 1.0), blue: min(b + 0.2, 1.0), alpha: a)
        }

        return UIColor()
    }
}

การใช้งาน:

let darkerYellow = UIColor.yellow.darker()
let lighterYellow = UIColor.yellow.lighter()

หากคุณต้องการให้โซลูชันของ user529758 ทำงานร่วมกับเฉดสีเทา (เช่น[UIColor lightGrayColor]หรือ[UIColor darkGrayColor] คุณต้องปรับปรุงเช่นนั้น:

- (UIColor *)lighterColor
{
    CGFloat h, s, b, a;
    if ([self getHue:&h saturation:&s brightness:&b alpha:&a]) {
        return [UIColor colorWithHue:h
                          saturation:s
                          brightness:MIN(b * 1.3, 1.0)
                               alpha:a];
    }

    CGFloat white, alpha;
    if ([self getWhite:&white alpha:&alpha]) {
        white = MIN(1.3*white, 1.0);
        return [UIColor colorWithWhite:white alpha:alpha];
    }

    return nil;
}

getHue:saturation:brightness:alphaล้มเหลว (และผลตอบแทนfalse) getWhite:alphaเมื่อเรียกในที่ร่มสีเทาดังนั้นคุณจะต้องใช้

ส่วนขยาย UIColor และการแก้ไขไฟแช็ก ColorForColor

extension UIColor {
  class func darkerColorForColor(color: UIColor) -> UIColor {
    var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0
    if color.getRed(&r, green: &g, blue: &b, alpha: &a){
      return UIColor(red: max(r - 0.2, 0.0), green: max(g - 0.2, 0.0), blue: max(b - 0.2, 0.0), alpha: a)
    }
    return UIColor()
  }

  class func lighterColorForColor(color: UIColor) -> UIColor {
    var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0
    if color.getRed(&r, green: &g, blue: &b, alpha: &a){
      let tmpColor = UIColor(red: min(r + 0.2, 1.0), green: min(g + 0.2, 1.0), blue: min(b + 0.2, 1.0), alpha: a)
      println(tmpColor)
      return tmpColor
    }
    return UIColor()
  }
}

ทุกคำตอบอื่น ๆ ในการใช้งานหัวข้อนี้ทั้งระบบสี RGBหรือเพียงแค่เปลี่ยนสีหรือความสว่างค่าของระบบ HSB ตามที่ได้อธิบายในรายละเอียดในบล็อกที่ดีนี้โพสต์ที่ถูกต้องวิธีการทำสีที่เบากว่าหรือเข้มขึ้นคือการเปลี่ยนของluminanceค่า ไม่มีคำตอบอื่นใดที่ทำเช่นนั้น หากคุณต้องการทำมันให้ถูกต้องให้ใช้วิธีแก้ปัญหาของฉันหรือเขียนเองหลังจากอ่านโพสต์บล็อก

แต่น่าเสียดายที่มันค่อนข้างยุ่งยากในการเปลี่ยนแปลงใด ๆ ของคุณลักษณะของ UIColor โดยค่าเริ่มต้น Apple ไม่แม้แต่จะสนับสนุนพื้นที่สีที่ใช้ LAB เช่น HCL ในUIColorชั้นเรียน ( Lin LAB คือluminanceค่าที่เรากำลังมองหา)

การใช้HandyUIKit (ติดตั้งผ่าน Carthage) เพิ่มการสนับสนุนสำหรับHCLและทำให้ชีวิตของคุณง่ายขึ้นมาก :

import HandyUIKit    

let color = UIColor(red: 0.5, green: 0.5, blue: 0.5, alpha: 1.0)

// create a new UIColor object with a specific luminance (slightly lighter)
color.change(.luminance, to: 0.7)

นอกจากนี้ยังมีตัวเลือกในการใช้การเปลี่ยนแปลงแบบสัมพัทธ์ (แนะนำ):

// create a new UIColor object with slightly darker color
color.change(.luminance, by: -0.2)

โปรดทราบว่า HandyUIKit ยังเพิ่มคุณสมบัติ UI ที่มีประโยชน์อื่น ๆในโครงการของคุณ - เช็คเอาต์README บน GitHubเพื่อดูรายละเอียดเพิ่มเติม

ฉันหวังว่ามันจะช่วย!

ฉันไม่แน่ใจว่าคุณกำลังมองหาคำตอบของ Objective-C หรือไม่ แต่ขึ้นอยู่กับว่าสีที่ระบุโดย RGBA ทำงานอย่างไรฉันคิดว่าคุณสามารถปรับขนาดค่า RGB ตามปัจจัยตามอำเภอใจเพื่อให้ได้ "เบา" หรือ เฉดสี "เข้มกว่า" ตัวอย่างเช่นคุณอาจมีสีน้ำเงิน:

[UIColor colorWithRed:0.0 green:0.0 blue:1.0 alpha:1.0];

ต้องการสีน้ำเงินเข้มกว่านี้ไหม? คูณค่า RGB ลง 0.9:

[UIColor colorWithRed:0.0 green:0.0 blue:0.9 alpha:1.0];

voila หรือบางทีคุณมีส้ม:

[UIColor colorWithRed:1.0 green:0.4 blue:0.0 alpha:1.0];

เลือกตัวประกอบสเกลอื่นพูด 0.8:

[UIColor colorWithRed:0.8 green:0.32 blue:0.0 alpha:1.0];

นั่นเป็นเอฟเฟกต์ที่คุณกำลังมองหาใช่ไหม

ทดสอบใน Xcode 10 ด้วย Swift 4.x สำหรับ iOS 12

เริ่มต้นด้วยสีของคุณเป็น UIColor และเลือกปัจจัยทำให้มืดลง (เป็น CGFloat)

let baseColor = UIColor.red
let darkenFactor: CGFloat = 2

ประเภท CGColor มีค่าเผื่อเลือกcomponentsซึ่งแบ่งสีเป็น RGBA (เป็นอาร์เรย์ CGFloat ที่มีค่าระหว่าง 0 ถึง 1) จากนั้นคุณสามารถสร้าง UIColor อีกครั้งโดยใช้ค่า RGBA ที่นำมาจาก CGColor และจัดการค่าเหล่านั้น

let darkenedBase = UIColor(displayP3Red: startColor.cgColor.components![0] / darkenFactor, green: startColor.cgColor.components![1] / darkenFactor, blue: startColor.cgColor.components![2] / darkenFactor, alpha: 1)

ในตัวอย่างนี้แต่ละ RGB RGB แบ่งออกเป็น 2 ทำให้ครึ่งสีเข้มเหมือนเมื่อก่อน ค่าอัลฟายังคงเหมือนเดิม แต่คุณสามารถใช้ปัจจัยมืดลงกับค่าอัลฟาแทน RGB ได้

สวิฟท์ 5

extension UIColor {

func lighter(by percentage:CGFloat=30.0) -> UIColor? {
    return self.adjust(by: abs(percentage) )
}

func darker(by percentage:CGFloat=30.0) -> UIColor? {
    return self.adjust(by: -1 * abs(percentage) )
}
func adjust(by percentage:CGFloat=30.0) -> UIColor? {
    var r:CGFloat=0, g:CGFloat=0, b:CGFloat=0, a:CGFloat=0;
    if(self.getRed(&r, green: &g, blue: &b, alpha: &a)){
        return UIColor(red: min(r + percentage/100, 1.0),
                       green: min(g + percentage/100, 1.0),
                       blue: min(b + percentage/100, 1.0),
                       alpha: a)
    }else{
        return nil


     }
    }
}

ตามหลักการแล้วฟังก์ชั่นควรถูกห่อหุ้มภายในUIColorส่วนขยายที่เรียกว่าUIColor+Brightness.swiftและมีความสว่างที่กำหนดค่าได้ - ดูตัวอย่างด้านล่าง:

import UIKit

extension UIColor {

  func lighterColorWithBrightnessFactor(brightnessFactor:CGFloat) -> UIColor {
    var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0
    if self.getRed(&r, green:&g, blue:&b, alpha:&a) {
      return UIColor(red:min(r + brightnessFactor, 1.0),
        green:min(g + brightnessFactor, 1.0),
        blue:min(b + brightnessFactor, 1.0),
        alpha:a)
    }
    return UIColor()
  }

}

ฉันแสดงเซลล์สีตามค่าสถานะ:

สำหรับสิ่งนี้ฉันได้เขียนส่วนขยายที่รวดเร็วโดยใช้รหัส objc เก่าหลังจากที่ฉันพบข้อผิดพลาดโดยใช้คำแนะนำของ CryingHippo:

extension UIColor{

    func darker(darker: CGFloat) -> UIColor{

        var red: CGFloat = 0.0
        var green: CGFloat = 0.0
        var blue: CGFloat = 0.0

        if self.colorSpace == UIColorSpace.genericGrayColorSpace(){

            red =  whiteComponent - darker
            green = whiteComponent - darker
            blue  = whiteComponent - darker
        } else {
            red = redComponent - darker
            green = greenComponent - darker
            blue = blueComponent - darker
        }

        if red < 0{
            green += red/2
            blue += red/2
        }

        if green < 0{
            red += green/2
            blue += green/2
        }

        if blue < 0{
            green += blue/2
            red += blue/2
        }

        return UIColor(
            calibratedRed: red,
            green: green,
            blue: blue,
            alpha: alphaComponent
        )
    }

    func lighter(lighter: CGFloat) -> UIColor{
        return darker(-lighter)
    }
}

งานเดียวกันสำหรับNSColorเช่นกัน เพียงแทนที่ด้วยUIColorNSColor

นี่คือหมวดหมู่ UIColor ที่สามารถควบคุมปริมาณการเปลี่ยนสีได้

- (UIColor *)lighterColorWithDelta:(CGFloat)delta
{
    CGFloat r, g, b, a;
    if ([self getRed:&r green:&g blue:&b alpha:&a])
        return [UIColor colorWithRed:MIN(r + delta, 1.0)
                               green:MIN(g + delta, 1.0)
                                blue:MIN(b + delta, 1.0)
                               alpha:a];
    return nil;
}

- (UIColor *)darkerColorWithDelta:(CGFloat)delta
{
    CGFloat r, g, b, a;
    if ([self getRed:&r green:&g blue:&b alpha:&a])
        return [UIColor colorWithRed:MAX(r - delta, 0.0)
                               green:MAX(g - delta, 0.0)
                                blue:MAX(b - delta, 0.0)
                               alpha:a];
    return nil;
}

นามสกุล Swift ตาม @Sebyddd คำตอบ:

import Foundation
import UIKit

extension UIColor{
    func colorWith(brightness: CGFloat) -> UIColor{
        var r:CGFloat = 0, g:CGFloat = 0, b:CGFloat = 0, a:CGFloat = 0

        if getRed(&r, green: &g, blue: &b, alpha: &a){
            return UIColor(red: max(r + brightness, 0.0), green: max(g + brightness, 0.0), blue: max(b + brightness, 0.0), alpha: a)
        }

        return UIColor()
    }
}

สำหรับสีที่เข้มกว่านี่เป็นวิธีที่ง่ายที่สุด: theColor = [theColor shadowWithLevel: s]; //s.00.0 ถึง 1.0