Saltar al contenido

Mezclador de Colores

Mezcla dos colores con proporción ajustable. Ve el resultado en HEX, RGB y HSL con vista previa de gradiente y pasos intermedios. Gratis, 100% en tu navegador.

50%
Color mezclado
+
=
Gradiente y pasos

¿Cómo funciona la mezcla de colores?

Esta herramienta utiliza interpolación lineal RGB para mezclar colores. Cada canal RGB (rojo, verde, azul) se mezcla independientemente según la proporción de mezcla. Al 0% obtienes el Color 1, al 100% obtienes el Color 2 y al 50% obtienes una mezcla igual. Este es el modelo estándar de mezcla aditiva de colores utilizado en diseño digital — difiere de la mezcla sustractiva (como pintura) donde azul + amarillo = verde.

Modelos de mezcla de colores

Aditivo (RGB) — utilizado en pantallas y diseño digital. Rojo + Verde = Amarillo, Rojo + Azul = Magenta, Verde + Azul = Cian. Esta herramienta utiliza mezcla aditiva. Sustractivo (CMYK) — utilizado en impresión y pintura. Cian + Magenta = Azul, Cian + Amarillo = Verde. Mezcla HSL — interpola tono, saturación y luminosidad por separado, produciendo a veces resultados más perceptualmente uniformes.

Casos de uso comunes

Sistemas de diseño — crear colores intermedios entre colores de marca. Gradientes — previsualizar pasos de gradiente antes de codificarlos en CSS. Temas — generar colores para estados hover y activo mezclando con blanco o negro. Visualización de datos — crear escalas de color mezclando dos colores extremos. Arte — experimentar con combinaciones de colores digitales.

Privacidad

Todos los cálculos se ejecutan 100% en tu navegador. No se envían datos a ningún servidor.