Mezclador de colores

Mezcla dos colores y obtén la combinación exacta

Elige dos colores, arrastra el control deslizante para definir cuánto de cada uno entra en la mezcla y lee al instante el código hex resultante. El deslizador va del 0% (todo el color A) al 100% (todo el color B); el punto medio da una mezcla equilibrada 50/50. La muestra grande se actualiza en vivo a medida que ajustas, y el botón Copiar coloca el valor hex en tu portapapeles para pegarlo directamente en tu CSS, herramienta de diseño o paleta.

La mezcla se calcula con una simple interpolación lineal por canal en el espacio RGB: cada canal rojo, verde y azul se promedia según la proporción elegida y se redondea al entero más cercano. Es la misma operación que usa la mayoría del software de diseño para una mezcla básica de dos colores. Todo ocurre localmente en tu navegador — ningún color ni valor se sube nunca.

Preguntas frecuentes

¿Qué hace el control de proporción? Define cuánto del color B se mezcla con el color A. Al 0% obtienes el color A exacto, al 100% el color B y al 50% una mezcla igual de ambos.

¿Cómo se mezclan los colores? Cada canal RGB se interpola linealmente entre los dos colores según la proporción elegida y se redondea, así que el resultado es un promedio ponderado por el deslizador.

¿Por qué mezclar rojo y azul da púrpura y no marrón? Esta herramienta mezcla luz (RGB aditivo), como las pantallas, así que rojo y azul promedian a púrpura. La mezcla física de pintura es sustractiva y se comporta distinto.