Calculadora de Mezcla de Colores
Mezcla dos colores hexadecimales en cualquier proporción.
50 = even mix
Los resultados se actualizan al escribir.
Cómo funciona
Mezclar dos colores es una tarea común en diseño y desarrollo, y esta calculadora mezcla cualquier par de colores hexadecimales en la proporción que elijas. Introduces dos colores en notación hexadecimal y el peso porcentual del primer color, y devuelve el color mezclado resultante en hex junto con sus valores rojo, verde y azul. El cálculo es una interpolación lineal realizada por separado en cada uno de los tres canales de color: para rojo, verde y azul, el resultado es el canal del primer color por tu proporción más el canal del segundo color por la fracción restante. Una proporción del 50 por ciento produce una mezcla uniforme, como negro y blanco mezclándose a gris, mientras que cambiar la proporción inclina el resultado hacia un color u otro. Esto es útil para crear tonos intermedios, generar gradientes y paletas de color. El hexadecimal es la forma estándar de especificar colores en la web. Esto realiza una mezcla lineal simple en espacio RGB.
channel = c1 × ratio + c2 × (1 − ratio), for R, G, B
Los canales rojo, verde y azul de cada color se mezclan de forma independiente. El valor mezclado de un canal es el valor del primer color por la proporción más el valor del segundo color por uno menos la proporción. Combinar los tres canales mezclados da el color resultante en hex y RGB.
Fuente:Color interpolation
Revisamos todas nuestras herramientas de vez en cuando para garantizar su precisión.
Ejemplo resuelto
Cómo usar esta calculadora
- 1
Introduce tus valores
Introduce color 1 (hex) y color 2 (hex).
- 2
Ajusta las opciones
Ajusta percent of color 1 si corresponde — ya hay valores predeterminados sensatos.
- 3
Lee tu resultado
Blended color (hex) se actualiza al instante mientras escribes, sin botón que pulsar.
Preguntas frecuentes
¿Cómo se mezclan dos colores?
Mezcla cada canal de color por separado. Para rojo, verde y azul, toma el valor del primer color por tu proporción elegida más el valor del segundo color por la fracción restante, luego combina los tres resultados. Una proporción del 50 por ciento da una mezcla uniforme. La calculadora lo hace y devuelve el color mezclado en hex y RGB.
¿Qué controla la proporción?
La proporción es el peso porcentual del primer color en la mezcla. Al 50 por ciento los dos colores se mezclan uniformemente; al 100 por ciento el resultado es el primer color, y al 0 por ciento es el segundo. Los valores intermedios inclinan la mezcla hacia un color, permitiéndote crear cualquier tono intermedio en la línea entre ellos.
¿Qué es la notación de color hexadecimal?
La notación de color hex especifica un color con seis dígitos hexadecimales, dos cada uno para rojo, verde y azul, a menudo con un numeral al inicio, como #FF8800. Cada par va de 00 a FF (0 a 255 en decimal). Es el formato estándar para colores en la web, y la calculadora acepta y devuelve colores en esta notación.
¿Para qué puedo usar la mezcla de colores?
La mezcla de colores ayuda a crear tonos intermedios entre dos colores, construir gradientes y paletas, teñir un color hacia el blanco o oscurecerlo hacia el negro, y hallar colores de punto medio para sistemas de diseño y visualizaciones de datos. Es una operación central en diseño gráfico y desarrollo web.
¿Mezcla esto en RGB o en un espacio de color perceptual?
Esta calculadora mezcla linealmente en espacio RGB, mezclando los canales rojo, verde y azul independientemente, lo cual es simple y ampliamente usado. Para algunos pares de colores, mezclar en un espacio perceptual como LAB o usar corrección gamma produce gradientes que lucen más suaves. Para la mayoría de la mezcla cotidiana, la mezcla RGB directa funciona bien.
Calculadoras relacionadas
Calculadora de Hexadecimal a Decimal
Convierte un número hexadecimal a decimal.
Calculadora de Relación de Aspecto
Simplifica ancho × alto a su proporción, halla el formato estándar más cercano y redimensiona sin deformar.
Calculadora de Código ASCII
Convierte un carácter a códigos decimal, hexadecimal y binario.