Farbmischer
Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Kostenlos, privat und 100% clientseitig.
Beispiel ausprobieren:
Local only
Letzte Verlauf
Noch kein Verlauf
Verwendung
- Enter two colors separated by a space or newline.
- Select a blend mode and set the ratio.
- View the blended result in HEX and RGB.
Aufgaben mit diesem Tool
Konvertieren colors between hex, RGB, HSL, and named formats
Translate ein color Wert zwischen hex (#ff5733), rgb(), hsl(), und CSS named colors für verwenden in unterschiedlich contexts. AUFGABE
Erzeugen a color palette from a base color
Derive complementary, analogous, triadic, und shade/tint variants von ein single base color für design Systeme. AUFGABE
Konvertieren RGB colors to HEX (and back)
Translate color Werte zwischen rgb() und #rrggbb notation, mit alpha-channel handling für CSS funktionieren. AUFGABE
Häufige Fragen
- What blend modes are supported?
- Normal (linear interpolation), multiply, screen, overlay, darken (min), and lighten (max) blend modes are supported.
- How do I input the two colors?
- Enter both colors separated by a space or newline (e.g. '#FF0000 #0000FF'). HEX and RGB formats are accepted.
- What does the ratio parameter mean?
- The ratio (0-100%) controls the blend amount. At 50%, both colors contribute equally in normal mode.
Verwandte Tools
Farb-Konverter
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Kostenlos, privat und 100% clientseitig. WERKZEUG
Farbpaletten-Generator
Generate color palettes from a base color: complementary, analogous, triadic, tetradic, or monochromatic schemes. Kostenlos, privat und 100% clientseitig. WERKZEUG
CSS-Gradient-Generator
Generate CSS gradient code for linear, radial, and conic gradients with custom angles and color stops. Kostenlos, privat und 100% clientseitig. WERKZEUG