Mezclar dos colores por proporción

Usted indica el primer color, el segundo y la contribución porcentual del segundo. La calculadora promedia por separado rojo, verde y azul, redondea cada resultado a un canal válido y devuelve tanto un valor hexadecimal normalizado en mayúsculas como los números RGB. Resulta útil cuando un token de diseño, un gráfico, un tema o un recurso automatizado necesita un resultado reproducible en lugar de un color elegido a ojo. Los colores y las proporciones no válidos se rechazan con claridad, y las mismas entradas siempre producen la misma salida.

Defina la proporción antes de mezclar los colores

Interprete la proporción como el porcentaje aportado por el segundo color. Con cero, todo el peso corresponde al primero y el resultado coincide con color1. Con cien, todo corresponde a color2. En veinticinco, el primero aporta el setenta y cinco por ciento y el segundo el veinticinco. Este sentido importa al crear varias muestras relacionadas: invertir los colores sin invertir también la proporción cambia el resultado. Introduzca una forma abreviada de tres dígitos, como #F00, o un valor hexadecimal completo de seis, como #FF0000. La almohadilla inicial es opcional, pero los demás caracteres deben ser hexadecimales. La herramienta rechaza deliberadamente nombres CSS, funciones RGB, colores de ocho dígitos con alfa, campos ausentes y valores mal formados, en vez de adivinarlos. Así, un error tipográfico genera una respuesta de entrada no válida y no una paleta aparentemente correcta. Documente el orden de entrada en los scripts reutilizables para dejar claro qué extremo de la mezcla recibe el porcentaje indicado.

Comprenda el cálculo RGB ponderado

El algoritmo convierte primero cada color hexadecimal en canales rojo, verde y azul de cero a 255. Para cada canal multiplica el primer valor por uno menos la fracción de la proporción, multiplica el segundo por dicha fracción, suma ambos productos y redondea al entero más próximo. Una mezcla al cincuenta por ciento da el mismo peso a las dos entradas, mientras que una al diez por ciento permanece mucho más cerca de la primera. Los tres canales se calculan por separado, sin decisiones aleatorias, tablas, solicitudes de red ni reglas ocultas. Se trata de un promedio lineal de canales RGB codificados, no de una mezcla perceptual, ni de una conversión HSL, LAB, LCH, de pigmentos o de luz con corrección gamma. Por ello, el punto medio visual entre colores muy distintos puede no parecer igualmente luminoso. Es un comportamiento intencionado y apropiado para programas que necesitan la mezcla aritmética habitual de generadores de tokens y rutinas gráficas. El campo del método identifica el cálculo para facilitar auditorías futuras.

Utilice el resultado de forma fiable en diseño y automatización

La respuesta entrega el color combinado como hexadecimal de seis dígitos en mayúsculas y como objeto RGB con canales enteros. También repite la proporción, informa de ambos pesos normalizados e identifica el método. Use el valor hexadecimal directamente en variables CSS, manifiestos de temas, gráficos, plantillas de correo o ficheros de tokens. Use los canales separados cuando otro programa necesite números o cuando quiera enviar el resultado a una calculadora de contraste o luminancia. Como el cálculo es determinista y acotado, funciona bien en pruebas: una solicitud fija puede guardarse como referencia y compararse exactamente en cada ejecución. La versión del navegador sirve para trabajos puntuales; una petición API cuesta $0.002 cuando un sistema de compilación, contenidos o aplicaciones necesita automatizar el mismo comportamiento. Compruebe la accesibilidad si habrá texto sobre el color resultante, pues una proporción correcta no garantiza contraste suficiente. Para crear una rampa, mantenga el mismo par ordenado y aplique una secuencia planificada de proporciones, conservando así extremos coherentes y muestras reproducibles.