UTILS.
100% en el navegador

Mezclador de colores

Combina dos colores con una proporción ajustable y obtén el valor HEX resultante.

Arrastra el deslizador y luego haz clic en el resultado para copiarlo.

Acerca de esta herramienta

El Mezclador de Colores es una herramienta gratuita que se ejecuta en el navegador, combina dos colores en una proporción ajustable y devuelve el código hex resultante. Elige un color inicial y uno final con los selectores de color nativos, luego arrastra el deslizador de proporción del 0 al 100 por ciento para establecer cuánto avanza la mezcla desde el primer color hacia el segundo.

La mezcla se calcula interpolando linealmente cada canal RGB: al 0 % el resultado es igual al primer color, al 100 % es igual al segundo, y el 50 % es el punto medio exacto. Los valores se calculan en sRGB de 8 bits, se redondean a niveles enteros de canal y se muestran en vivo tanto como una gran muestra de vista previa como una cadena hex copiable a medida que mueves el deslizador o cambias cualquiera de los colores.

Todo se ejecuta en tu dispositivo —sin subidas, sin cuentas, sin rastreo— y funciona sin conexión una vez cargada la página. Úsalo para encontrar un tono intermedio entre dos colores de marca, generar un paso intermedio para un degradado o previsualizar qué producen dos colores al combinarse.

Preguntas frecuentes

¿Cómo se calcula la mezcla?
Cada uno de los canales rojo, verde y azul se interpola linealmente entre los dos colores, ponderado por la posición del deslizador, y luego se redondea al nivel de 8 bits más cercano. Al 0 % obtienes el primer color y al 100 % el segundo.
¿Cómo copio el resultado?
Haz clic en el valor hex resultante y se copia a tu portapapeles.
¿Qué significan los porcentajes del deslizador?
El deslizador establece la proporción de la mezcla de 0 a 100 en pasos de porcentaje entero. El 0 % muestra solo el primer color, el 100 % solo el segundo, y el 50 % es una mezcla igualada; el número indica cuánto se desplaza el resultado hacia el segundo color.
¿Admite transparencia u otros formatos de color?
No. Los selectores usan la entrada de color nativa, así que ambos colores son hex sRGB opacos de 6 dígitos sin canal alfa, y la mezcla se realiza en sRGB con codificación gamma en lugar de en el espacio de luz lineal.

Más herramientas