Farbmischer

Mische mehrere Farben, um neue Farbtöne zu erstellen.

Mixed Color

Simple average of RGB values. Up to 3 colors.
Blends in HSL color space for natural color transitions. Up to 3 colors.
Alpha compositing on background. Limited to 2 colors.
Hex
#000000
RGB
rgb(0, 0, 0)
RGBA
rgba(0, 0, 0, 1)
Opacity
100%

Anleitung

1

Blend-Modus wählen

Wähle RGB für einfaches Mitteln, HSL für natürliche Übergänge oder Opacity für Alpha-Compositing auf einem Hintergrund.

2

Farben hinzufügen & auswählen

Klicke auf „+“, um Farbkarten hinzuzufügen (bis zu 3, bzw. 2 im Opacity-Modus). Nutze den Picker oder gib Hex-Werte ein.

3

Deckkraft anpassen

Passe die Deckkraft pro Karte an. Hex-Werte enthalten Alpha, sobald die Deckkraft unter 100 % liegt.

4

Gemischte Farbe kopieren

Das Ergebnis steht oben. Kopiere Hex-, RGB-, RGBA- oder Opacity-Werte per Button.

About

The Color Mixer is a versatile tool for blending colors using different color models. Whether you're a designer creating color palettes, a developer working on UI components, or an artist exploring color combinations, this tool helps you visualize and calculate mixed colors with precision.

Choose from three blending modes: RGB (Red-Green-Blue) for additive color mixing commonly used in digital displays, HSL (Hue-Saturation-Lightness) for more intuitive color harmony based on color wheel positions, or Opacity for simulating semi-transparent colors layered over a white background using alpha compositing.

Each color can be adjusted using the color picker, direct hex input (supporting alpha channel with 8-digit hex codes), and individual opacity sliders. The mixed result is displayed in multiple formats (Hex, RGB, RGBA, and Opacity percentage) with convenient copy buttons for easy integration into your projects.

Häufig gestellte Fragen

Was kommt als Nächstes?

URL Sharing

Share your color mixes via unique URLs.

Planned

History Panel

Track and revert to previous color mixes easily.

Planned

Cookie‑Einstellungen

Hier kannst du deine Cookie‑Einstellungen anpassen.

Notwendig

Wesentlich für Funktion & Sicherheit

Präferenzen

Merkt sich deine Einstellungen