Mezclar Colores
FreeMezcla dos colores con un balance ajustable, usando mezcla RGB simple, corregida por gamma, o HSL.
Degradado de mezcla (0% a 100%)
Actividad reciente
Visible para todos. Últimos 20 usos de todos los visitantes, más recientes primero.
#FF0000 + #0000FF → #800080
hace 16 horas
Qué hace esta herramienta
Mezcla dos colores juntos y muestra el color resultante, con un balance ajustable entre ellos y una elección de tres métodos de mezcla: promedio RGB simple, mezcla con corrección gamma (luz lineal), o mezcla HSL a través del tono y la saturación.
Cómo funciona
Cada color se convierte primero de hexadecimal a valores de rojo, verde y azul (0-255). El modo RGB simple interpola linealmente cada canal directamente: resultado = color1 + (color2 - color1) × balance. El modo de corrección gamma primero convierte cada canal de los valores sRGB que muestra tu pantalla a luz lineal usando la función de transferencia sRGB estándar, interpola en ese espacio lineal, y luego convierte de vuelta, lo que coincide con cómo la luz se combina físicamente y evita un punto medio artificialmente oscuro. El modo HSL convierte ambos colores a tono/saturación/luminosidad, interpola el tono alrededor de la rueda de color por el camino angular más corto (de modo que se envuelve correctamente, p. ej., mezclar un tono cercano a 350° con uno cercano a 10° pasa por 0° en lugar del camino largo por 180°), interpola la saturación y la luminosidad normalmente, y convierte el resultado de vuelta a RGB.
Problemas que resuelve
- Encontrar un color intermedio para un degradado, paleta de tema o sistema de diseño sin adivinar manualmente valores hexadecimales.
- Comparar cómo se ven los mismos dos colores al mezclarse con diferentes métodos, ya que la forma "correcta" de mezclar colores depende de lo que estés haciendo.
- Previsualizar un degradado completo entre dos colores de marca o de interfaz de un vistazo antes de elegir un punto de parada.
Preguntas frecuentes
›¿Qué modo de mezcla debería usar?
RGB simple está bien para mezclas rápidas y predecibles y coincide con lo que hacen la mayoría de las herramientas básicas. Corrección gamma es la mejor opción cuando quieres una mezcla que se vea físicamente natural, especialmente entre colores oscuros y claros, ya que evita el aspecto turbio y demasiado oscuro que produce el promedio RGB simple. Vale la pena probar HSL cuando quieres un resultado más cercano a mezclar pigmentos o pintura, donde el rojo y el verde tienden a amarillo en lugar de un marrón apagado.
›¿Por qué mezclar negro y blanco da un gris más oscuro en "RGB simple" que en "Corrección gamma"?
RGB simple promedia directamente los números crudos de 0 a 255, por lo que el 50% de negro y blanco da exactamente 127.5, un gris medio. Corrección gamma primero convierte ambos colores a luz lineal (deshaciendo la curva gamma sRGB que espera tu pantalla), promedia ahí, y luego convierte de vuelta, lo que produce un resultado notablemente más claro (alrededor de 188) porque pasos iguales en los valores de color almacenados no corresponden a pasos iguales en el brillo percibido.
›¿Qué hace el control deslizante "Balance"?
Establece la ponderación entre los dos colores: 0% es 100% el primer color, 100% es 100% el segundo color, y 50% es una mezcla equitativa. Moverlo te permite previsualizar cualquier punto a lo largo de la mezcla, no solo el punto medio.
›¿Por qué la mezcla HSL a veces produce un color sorprendente, como rojo y azul mezclándose a través del morado pero rojo y verde a través del amarillo?
La mezcla HSL interpola el ángulo de tono en una rueda de color de 360 grados usando el camino más corto entre los dos tonos, en lugar de promediar directamente los valores rojo, verde y azul. El rojo (0°) y el verde (120°) están relativamente cerca en esa rueda, pasando por el amarillo (60°) en el camino, por eso la mezcla tiende a amarillo en lugar de convertirse en un marrón plano como haría el promedio RGB simple.
›¿Esta herramienta admite transparencia o valores alfa?
No, mezcla dos colores totalmente opacos entre sí. Si necesitas superponer un color semitransparente sobre otro (composición alfa), esa es una operación diferente a mezclar dos colores sólidos y necesitaría una herramienta dedicada.
Herramientas relacionadas
Imagen
Canales RGB de Imagen
Divide una foto en sus canales Rojo, Verde, y Azul, en forma de escala de grises o coloreada, vuelve a fusionarlos, y descarga como ZIP, directamente en tu navegador.
FreeImagen
Conversor y Visor de SVG
Convierte SVG a PNG, JPEG, WEBP, BMP, ICO, o AVIF, o envuelve PNG/JPEG/WEBP/BMP/GIF/ICO en un SVG válido, detectando automáticamente la dirección, directamente en tu navegador.
FreeImagen
Creador de Pósteres
Divide cualquier imagen en páginas imprimibles A4/Carta/A3 que puedes pegar con cinta para formar un gran póster, con superposición ajustable para una alineación fácil, todo en tu navegador.
FreeImagen
Añadir Línea a Imagen
Dibuja una o más líneas en una imagen cargada arrastrando o con coordenadas precisas, luego descarga el resultado en resolución completa.
Comentarios (0)
¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.
Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!