Saltar al contenido
uencoder

Mezclador de colores

Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Gratis, privado y 100% del lado del cliente.

Probar un ejemplo:
Local only

Historial reciente

Sin historial aún

Uso

  1. Enter two colors separated by a space or newline.
  2. Select a blend mode and set the ratio.
  3. View the blended result in HEX and RGB.

Tareas que usan esta herramienta

Convertir colors between hex, RGB, HSL, and named formats
Translate un color valor entre hex (#ff5733), rgb(), hsl(), y CSS named colors para usar en diferente contexts.
TAREA
Generar a color palette from a base color
Derive complementary, analogous, triadic, y shade/tint variants de un single base color para design sistemas.
TAREA
Convertir RGB colors to HEX (and back)
Translate color valores entre rgb() y #rrggbb notation, con alpha-channel handling para CSS funcionar.
TAREA

Preguntas frecuentes

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.

Herramientas relacionadas

Convertidor de color
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratis, privado y 100% del lado del cliente.
HERRAMIENTA
Generador de paleta de colores
Generate color palettes from a base color: complementary, analogous, triadic, tetradic, or monochromatic schemes. Gratis, privado y 100% del lado del cliente.
HERRAMIENTA
Generador de degradados CSS
Generate CSS gradient code for linear, radial, and conic gradients with custom angles and color stops. Gratis, privado y 100% del lado del cliente.
HERRAMIENTA