Zum Inhalt springen
🛠️ToolsShed

Farbmischer

Mischen Sie zwei Farben und sehen Sie die Ergebnisse in RGB, HEX und HSL.

A 50% / B 50%
#6366f1
#855fdb
#a857c5
#ca50af
#ec4899

Über dieses Tool

Color Mixer ist ein einfaches, aber leistungsstarkes Werkzeug zum Mischen von zwei Farben und zum Erkunden der Ergebnisse in mehreren Formaten. Egal ob Sie als Designer Markenfarbenpaletten auswählen, als Entwickler Farbschemata für Benutzeroberflächen erstellen oder als Künstler mit Farbharmonie experimentieren, dieses Werkzeug zeigt Ihnen sofort die RGB-, HEX- und HSL-Werte jeder Farbkombination ohne die Notwendigkeit von Grafiksoftware oder mathematischen Berechnungen.

Um das Werkzeug zu verwenden, wählen Sie zwei Farben mit den Farbwählern oder HEX-Eingabefeldern aus oder fügen Sie diese ein, und passen Sie dann das Mischungsverhältnis mit dem Schieberegler an, um zu steuern, wie viel von jeder Farbe das Endergebnis beeinflusst. Der Mixer aktualisiert sich in Echtzeit und zeigt die gemischte Ausgabe neben allen drei Farbformaten an, was das Kopieren genauer Werte für die Verwendung in Code, Design-Dateien oder digitalen Projekten vereinfacht. Sie können auch die Farben umkehren oder einzelne RGB-Kanäle für eine präzisere Steuerung anpassen.

Häufig gestellte Fragen

Code-Implementierung

# RGB linear interpolation color mixing

def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
    hex_color = hex_color.lstrip('#')
    return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))

def rgb_to_hex(r: int, g: int, b: int) -> str:
    return f"#{r:02x}{g:02x}{b:02x}"

def mix_colors(color_a: str, color_b: str, ratio: float = 0.5) -> str:
    """
    Mix two hex colors.
    ratio=0.0 -> pure color_a
    ratio=0.5 -> equal mix
    ratio=1.0 -> pure color_b
    """
    r1, g1, b1 = hex_to_rgb(color_a)
    r2, g2, b2 = hex_to_rgb(color_b)

    r = round(r1 + (r2 - r1) * ratio)
    g = round(g1 + (g2 - g1) * ratio)
    b = round(b1 + (b2 - b1) * ratio)

    return rgb_to_hex(r, g, b)

# Generate gradient steps
def gradient_steps(color_a: str, color_b: str, steps: int = 5) -> list[str]:
    return [mix_colors(color_a, color_b, i / (steps - 1)) for i in range(steps)]

print(mix_colors("#6366f1", "#ec4899", 0.5))  # #a7559d
print(gradient_steps("#6366f1", "#ec4899"))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.