Berechnen Sie die Farbe an einem bestimmten Punkt auf einen Verlauf zwischen zwei Farben?

So ist dies im wesentlichen die Methode, die ich möchte zu schreiben (in Objective-C/Cocoa, mit UIColors, aber ich bin wirklich nur daran interessiert, die zugrunde liegende Mathematik):

+ (UIColor *)colorBetweenColor:(UIColor *)startColor andColor:(UIColor *)endColor atLocation:(CGFloat)location;

So als ein Beispiel, sagen wir ich habe zwei Farben, reines rot und reines blau. Gegeben ein linearer Verlauf zwischen den beiden, ich will zum berechnen der Farbe, die bei, sagen wir, die 33% - Marke auf das Gefälle:
Berechnen Sie die Farbe an einem bestimmten Punkt auf einen Verlauf zwischen zwei Farben?


Wenn ich also nenne meine Methode so:

UIColor *resultingColor = [UIColor colorBetweenColor:[UIColor redColor] andColor:[UIColor blueColor] atLocation:0.33f];

Ich würde die resultierende Farbe an 'B', und ähnlich, vorbei 0.0f als den Ort zurückkehren würde, Farbe "A", und 1.0f zurückkehren würde Farbe 'C'.

Also im Grunde meine Frage ist, wie würde ich mich über das mischen der RGB-Werte der beiden Farben und der Bestimmung der Farbe bei einem bestimmten 'Ort' zwischen Ihnen?

InformationsquelleAutor blabus | 2014-03-06
  1. 51

    Du einfach Linear interpolieren der rote, der grüne und der Blaue Kanal so:

    double resultRed = color1.red + percent * (color2.red - color1.red);
double resultGreen = color1.green + percent * (color2.green - color1.green);
double resultBlue = color1.blue + percent * (color2.blue - color1.blue);

    wo percent ist ein Wert zwischen 0 und 1 (location in Ihre erste Prototyp-Methode).

    • Dies wird nur funktionieren, wenn Sie die RGB-Raum.
    • Können Sie das noch näher erläutern? Sie können Linear interpoliert werden Farben in jedem Farbraum, obwohl die Ergebnisse nicht immer erfreulich oder was Sie erwarten. (In der Tat, auch in RGB, werden Sie oft passieren, Grau, das ist manchmal nicht gewünscht.) In welcher Weise wird das obige nicht funktionieren, für die Farbräume?
    • Zum Beispiel, wird dies nicht funktionieren auf [UIColor whiteColor] wie, die ist nicht in RGB. Siehe stackoverflow.com/questions/4700168/...
    • Ah, ich sehe, was du meinst. Ja, Sie würde konvertieren benannte Farben zu einigen anderen Farbraum (RGB, HSV, CMYK, was auch immer). Aber wenn Sie einmal in einem Farbraum, die Sie tun können, Mathematik auf, Linear interpoliert wird gut funktionieren.
    InformationsquelleAutor user1118321
  2. 1

    RGB-Farbraum ist wie ein Kreis. Mit der höchsten Sättigung entlang der äußeren Grenze, und Grau in der Mitte. Reisen von einer Farbe zu einer anderen, Sie würde vorzugsweise wollen, das zu tun, auf dem gleichen radius (Kreis)) aus der Mitte; also da, wo die Sättigung und-Wert gleich bleiben. In diesem Fall wird der Farbton verändert sich in einer linearen Weise. Sie werden sich nicht kreuzen in mehr Grauzone, als Sie Ihren linken und rechten Farben zunächst.
    Reisen Sie aus einem inneren ring und einem äußeren ring, gehen Sie einfach nach oben (oder unten) die Sättigung, der wiederum Linear.
    Sehen hier für Farb-Kreis (versuchen Sie es in z.B. paint.net)

    Apple (iOS) Ziel-Klassen ermöglichen die Arbeit mit anderen Spektren als RGB.

    • RGB ist nicht wie ein Kreis, es ist ein Würfel. Räume wie das HSV-oder HSB-form einen Kreis mit dem Farbton in Grad oder Bogenmaß.
    InformationsquelleAutor LenArt
  3. 0

    Swift-version kann hilfreich sein, um jemanden.

    private struct Color {
    let r: Int
    let g: Int
    let b: Int
    func getColor() -> UIColor {
        return UIColor(red: CGFloat(r)/255.0, green: CGFloat(g)/255.0, blue: CGFloat(b)/255.0, alpha: 1)
    }

    static func getGradientColor(from: Color, to: Color, percentage: CGFloat) -> Color {
        precondition(percentage >= 0 && percentage <= 1)
        return Color(r: from.r + Int(CGFloat(to.r - from.r) * percentage),
                     g: from.g + Int(CGFloat(to.g - from.g) * percentage),
                     b: from.b + Int(CGFloat(to.b - from.b) * percentage))
    }
}
    InformationsquelleAutor Mint
Schreibe einen Kommentar