Frage

Ich versuche, RGB in HSL umzuwandeln, und ich möchte auch von HSL in RGB konvertieren. Ich habe eine Klasse dafür geschrieben, aber wenn ich RGB-> HSL-> RGB probiere, um es zu versuchen, wenn es funktioniert, bekomme ich einen anderen Wert.

Beispielfall: Wenn Sie ein HSLColor -Objekt erstellen, indem Sie dies tun HSLColor MyTestConversion = HSLColor.FromRGB(Colors.Green);und dann tun Color ExpectedGreenHere = MyTestConversion.ToRGB() Sie erhalten eine andere Farbe als Colors.Green Während es der ursprüngliche Eingang war, geht etwas schief.

Dies ist der Code, den ich verwende:

public class HSLColor
{
    public float Hue;
    public float Saturation;
    public float Luminosity;

    public HSLColor(float H, float S, float L)
    {
        Hue = H;
        Saturation = S;
        Luminosity = L;
    }

    public static HSLColor FromRGB(Color Clr)
    {
        return FromRGB(Clr.R, Clr.G, Clr.B);
    }

    public static HSLColor FromRGB(Byte R, Byte G, Byte B)
    {
        float _R = (R / 255f);
        float _G = (G / 255f);
        float _B = (B / 255f);

        float _Min = Math.Min(Math.Min(_R, _G), _B);
        float _Max = Math.Max(Math.Max(_R, _G), _B);
        float _Delta = _Max - _Min;

        float H = 0;
        float S = 0;
        float L = (float)((_Max + _Min) / 2.0f);

        if (_Delta != 0)
        {
            if (L < 0.5f)
            {
                S = (float)(_Delta / (_Max + _Min));
            }
            else
            {
                S = (float)(_Delta / (2.0f - _Max - _Min));
            }

            float _Delta_R = (float)(((_Max - _R) / 6.0f + (_Delta / 2.0f)) / _Delta);
            float _Delta_G = (float)(((_Max - _G) / 6.0f + (_Delta / 2.0f)) / _Delta);
            float _Delta_B = (float)(((_Max - _B) / 6.0f + (_Delta / 2.0f)) / _Delta);

            if (_R == _Max)
            {
                H = _Delta_B - _Delta_G;
            }
            else if (_G == _Max)
            {
                H = (1.0f / 3.0f) + _Delta_R - _Delta_B;
            }
            else if (_B == _Max)
            {
                H = (2.0f / 3.0f) + _Delta_G - _Delta_R;
            }

            if (H < 0) H += 1.0f;
            if (H > 1) H -= 1.0f;
        }

        return new HSLColor(H, S, L);
    }

    private float Hue_2_RGB(float v1, float v2, float vH)
    {
        if (vH < 0) vH += 1;
        if (vH > 1) vH -= 1;
        if ((6 * vH) < 1) return (v1 + (v2 - v1) * 6 * vH);
        if ((2 * vH) < 1) return (v2);
        if ((3 * vH) < 2) return (v1 + (v2 - v1) * ((2 / 3) - vH) * 6);
        return (v1);
    }

    public Color ToRGB()
    {
        Color Clr = new Color();
        float var_1, var_2;

        if (Saturation == 0)
        {
            Clr.R = (Byte)(Luminosity * 255);
            Clr.G = (Byte)(Luminosity * 255);
            Clr.B = (Byte)(Luminosity * 255);
        }
        else
        {
            if (Luminosity < 0.5) var_2 = Luminosity * (1 + Saturation);
            else var_2 = (Luminosity + Saturation) - (Saturation * Luminosity);

            var_1 = 2 * Luminosity - var_2;

            Clr.R = (Byte)(255 * Hue_2_RGB(var_1, var_2, Hue + (1 / 3)));
            Clr.G = (Byte)(255 * Hue_2_RGB(var_1, var_2, Hue));
            Clr.B = (Byte)(255 * Hue_2_RGB(var_1, var_2, Hue - (1 / 3)));
        }

        return Clr;
    }
}

Verwendete Referenz:EasyRGB Farbmathematik

War es hilfreich?

Lösung

Neben den Präzisionsproblemen denke ich, dass Ihr tatsächlicher Algorithmus falsch ist. Dies sollte dein FromRGB sein:

    public static HSLColor FromRGB(Byte R, Byte G, Byte B)
    {
        float _R = (R / 255f);
        float _G = (G / 255f);
        float _B = (B / 255f);

        float _Min = Math.Min(Math.Min(_R, _G), _B);
        float _Max = Math.Max(Math.Max(_R, _G), _B);
        float _Delta = _Max - _Min;

        float H = 0;
        float S = 0;
        float L = (float)((_Max + _Min) / 2.0f);

        if (_Delta != 0)
        {
            if (L < 0.5f)
            {
                S = (float)(_Delta / (_Max + _Min));
            }
            else
            {
                S = (float)(_Delta / (2.0f - _Max - _Min));
            }


            if (_R == _Max)
            {
                H = (_G - _B) / _Delta;
            }
            else if (_G == _Max)
            {
                H = 2f + (_B - _R) / _Delta;
            }
            else if (_B == _Max)
            {
                H = 4f + (_R - _G) / _Delta;
            }
        }

        return new HSLColor(H, S, L);
    }

Das nächste, was Sie verstehen müssen, ist, dass wir ganzzahlige RGB -Werte von 0 bis 255 einnehmen und sie in Dezimalwerte von 0 bis 1 konvertieren. Die HSL, die wir zurückbekommen Prozent, an das Sie gewöhnt sind. Das H Der zurückgegebene Wert sollte von 0 bis 6 betragen, um ihn in den Grad umzuwandeln, das Sie gerade mit 60 multiplizieren. H Kann manchmal manchmal negativ sein, also wenn es nur 360 hinzufügt;

            //Convert to degrees
            H = H * 60f;
            if (H < 0) H += 360;

S und L Sie müssen auch mit 100 multipliziert werden, um Ihnen einen Prozentsatz von 0 bis 100 zu geben.

AKTUALISIEREN

Dieser Code sollte Sie von HSL nach RGB bringen. Es wird davon ausgegangen, dass sich die HSL -Werte noch in ihrem Dezimalformat befinden. Außerdem habe ich doppelt anstelle von Float im folgenden Code verwendet, um eine bessere Präzision zu erhalten.

    public Color ToRGB()
    {
        byte r, g, b;
        if (Saturation == 0)
        {
            r = (byte)Math.Round(Luminosity * 255d);
            g = (byte)Math.Round(Luminosity * 255d);
            b = (byte)Math.Round(Luminosity * 255d);
        }
        else
        {
            double t1, t2;
            double th = Hue / 6.0d;

            if (Luminosity < 0.5d)
            {
                t2 = Luminosity * (1d + Saturation);
            }
            else
            {
                t2 = (Luminosity + Saturation) - (Luminosity * Saturation);
            }
            t1 = 2d * Luminosity - t2;

            double tr, tg, tb;
            tr = th + (1.0d / 3.0d);
            tg = th;
            tb = th - (1.0d / 3.0d);

            tr = ColorCalc(tr, t1, t2);
            tg = ColorCalc(tg, t1, t2);
            tb = ColorCalc(tb, t1, t2);
            r = (byte)Math.Round(tr * 255d);
            g = (byte)Math.Round(tg * 255d);
            b = (byte)Math.Round(tb * 255d);
        }
        return Color.FromArgb(r, g, b);
    }
    private static double ColorCalc(double c, double t1, double t2)
    {

        if (c < 0) c += 1d;
        if (c > 1) c -= 1d;
        if (6.0d * c < 1.0d) return t1 + (t2 - t1) * 6.0d * c;
        if (2.0d * c < 1.0d) return t2;
        if (3.0d * c < 2.0d) return t1 + (t2 - t1) * (2.0d / 3.0d - c) * 6.0d;
        return t1;
    }

Andere Tipps

Gemeinsamer Fehler. Du hast

    public static HSLColor FromRGB(Byte R, Byte G, Byte B)
    {
        float _R = (R / 255);
        float _G = (G / 255);
        float _B = (B / 255);

Sagen Sie mir genau, welche Werte von R dazu führen können, dass _r nicht 0 ist. (Hinweis: Es gibt nur eine).

Bearbeiten: Sie haben das gleiche Problem in TORGB () mit 1/3.

Das Problem, das ich in Ihrem Code sehe, ist Folgendes:

float _R = (R / 255);

Sie betreiben hier im Grunde genommen ganzzahlige Abteilung, also verlieren Sie Tonnen an Präzision.

Versuchen Sie, es zu ändern in:

float _R = (R / 255f);

(und das gleiche für die anderen 2 Zeilen).

Auch um die Präzision noch mehr zu erhöhen, ist es besser, doppelt anstatt zu schweben.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top