Cómo mezclar dos colores con una proporción

Qué puedes hacer con el mezclador de colores

Mezcla dos colores a partir de valores hexadecimales o de texto que contenga un patrón rgb(...), y controla cuánto influye el segundo color mediante una proporción. Es útil para comparar una mezcla gradual y consultar, en una misma operación, varios resultados de color. El primer color se toma como punto de partida y el segundo como destino de la interpolación.

Cómo mezclar dos colores paso a paso

1. Introduce el primer color. Puedes usar texto hexadecimal con almohadilla, incluido el formato de tres dígitos, como #f00, o texto que contenga tres canales enteros no negativos en un patrón rgb(...).

2. Introduce el segundo color con una de esas mismas formas. El texto se recorta y se convierte a minúsculas antes de intentar interpretarlo.

3. Indica la proporción entre ambos colores. El valor se limita al intervalo de 0 a 1: 0 mantiene la interpolación en el primer color y 1 la lleva al segundo. Si la proporción no se puede convertir por un problema de tipo o de valor, se usa 0,5.

4. Ejecuta el cálculo y revisa la respuesta. Si no escribes los colores, se usan #ff0000 y #0000ff; si omites la proporción, se usa 0,5.

5. Para probar una transición, repite el cálculo con varias proporciones dentro del intervalo permitido. Así puedes observar cómo cambia cada canal al avanzar desde el primer color hacia el segundo.

Cómo leer el resultado y sus límites

Cuando los dos colores se interpretan correctamente, la respuesta incluye un color mezclado, además de los resultados de las operaciones multiply y screen. Esos tres resultados se expresan como valores hexadecimales de seis dígitos en minúsculas. También se ofrece el color mezclado en formato RGB. Los canales se redondean; en la salida hexadecimal, además, quedan limitados al intervalo de 0 a 255.

Si uno de los colores no se reconoce, la respuesta incluye una indicación de error en lugar de los valores calculados. El texto hexadecimal con almohadilla pero mal formado merece atención aparte: su conversión puede fallar durante el análisis, por lo que no conviene usarlo para validar una mezcla.

La proporción no selecciona un modo de mezcla adicional: determina la interpolación de cada canal desde el primer color hacia el segundo. Los resultados multiply y screen son salidas complementarias del cálculo, no una garantía sobre la precisión visual o sobre la disponibilidad de otros modos.

Ejemplo práctico

Quieres revisar una mezcla en la que el segundo color influye en una cuarta parte de la interpolación entre rojo y azul.

Introduce #ff0000 como primer color, #0000ff como segundo y 0,25 como proporción; después ejecuta el cálculo y comprueba que la respuesta tiene esa estructura.

La respuesta correcta contiene valores hexadecimales de seis dígitos en minúsculas para mixed, multiply y screen, además de un valor mixed en formato RGB. Los canales aparecen redondeados.

Limitaciones

• La entrada está limitada a hexadecimal con almohadilla o a texto que contenga un patrón rgb(...) compatible. Un hexadecimal con almohadilla mal formado puede fallar durante la conversión, en vez de seguir la respuesta prevista para un color no reconocido.
• La respuesta ofrece mezcla, multiply y screen, con valores redondeados; no establece precisión visual, conformidad con estándares ni otros modos de mezcla.

Errores frecuentes

• Un error habitual es escribir hexadecimal sin la almohadilla, añadir caracteres que lo hacen inválido o usar canales que no son enteros no negativos. Corrige el valor con una forma hexadecimal con #, como #3af, o con texto que contenga un patrón rgb(...) válido para el analizador.

Preguntas frecuentes

¿Qué formatos de color acepta?

Acepta valores hexadecimales con almohadilla (incluidos los de tres dígitos, como #f00) y cadenas de texto con el patrón rgb(...) que contengan tres componentes enteros no negativos.

¿Qué ocurre si dejo los campos vacíos?

Si omites los colores, se usan #ff0000 y #0000ff. Si no indicas la proporción, se aplica 0,5.

¿Qué pasa si introduzco un color incorrecto?

Si uno de los colores no se reconoce, se devuelve una indicación de error en lugar de los valores calculados. Un hexadecimal con almohadilla mal formado puede fallar durante la conversión, porque ese caso no está protegido por una validación separada.