Mezclador de Colores: combina dos o más colores en línea
El Mezclador de Colores es una herramienta gratuita en línea que combina de 2 a 5 colores en un solo tono mezclado. Elige tus colores, define cuánto aporta cada uno y observa cómo el resultado se actualiza al instante en HEX, RGB y HSL.
Está pensado para diseñadores que afinan la paleta de una marca, artistas que mezclan pintura digital y desarrolladores que buscan el tono exacto de interfaz entre dos valores. Como controlas la proporción de cada color y el algoritmo de mezcla, obtienes una mezcla precisa y repetible en lugar de andar a tientas.
Cómo mezclar colores
Define tus colores
Toca una vista previa de color para abrir el selector del sistema, o escribe un valor HEX como #FF6B6B directamente en el campo. También puedes cargar una combinación lista desde la lista de Paletas de colores.
Ajusta las proporciones
Arrastra el control deslizante de cada color para cambiar cuánto aporta; todas las proporciones siempre suman 100%. Usa una proporción predefinida como 50 - 50, 30 - 70 o Igual para dividir con un solo toque.
Elige un modo de mezcla
Alterna entre RGB para la mezcla estándar de pantalla, HSL para transiciones naturales de matiz, o LAB para mezclas perceptualmente suaves. El color mezclado se recalcula a medida que cambias de modo.
Copia el resultado
Cuando la mezcla se vea bien, toca el botón de copiar junto al valor HEX, RGB o HSL para enviarlo directo a tu portapapeles.
Funciones
Tres modos de mezcla
Mezcla en RGB para color lineal de pantalla, HSL para mezcla circular de matiz, o LAB para resultados perceptualmente uniformes y de aspecto natural.
Mezcla de 2 a 5 colores
Empieza con dos colores y agrega hasta tres más. Cada color tiene su propio control deslizante de proporción, y los totales siempre se normalizan a 100%.
Paletas de colores seleccionadas
Explora combinaciones listas que se actualizan según tu cantidad de colores: paletas de 2 colores para dos, de 3 para tres, y así sucesivamente.
Vista previa del degradado
Una barra de degradado en vivo recorre cada color seleccionado para que veas cómo los colores fluyen de uno a otro.
Pasos de mezcla
Con dos colores, ve nueve tonos intermedios del 10% al 90%. Toca un paso para fijar esa proporción exacta, o pasa el cursor para leer su valor HEX.
Intercambiar y restablecer
Intercambia los dos primeros colores para invertir la mezcla, o restablece todo a los colores, proporciones y modo RGB predeterminados con un solo toque.
Proporciones predefinidas
Aplica divisiones comunes entre dos colores como 50-50, 30-70, 70-30 o 25-75, además de una opción Igual que reparte las proporciones equitativamente entre todos los colores.
Copiar HEX, RGB y HSL
Lee el color mezclado en tres formatos a la vez y copia el que necesites: HEX para la web, RGB para CSS o HSL para herramientas de diseño.
Preguntas frecuentes
¿Qué color sale al mezclar dos colores?
Define ambos colores, ajusta sus proporciones y el panel Color mezclado muestra el resultado combinado en tiempo real. Mezclar rojo y azul en partes iguales, por ejemplo, da un morado en modo RGB. El tono exacto depende de las proporciones y del modo de mezcla que elijas.
¿Cuál es la diferencia entre mezclar en RGB, HSL y LAB?
RGB promedia los canales rojo, verde y azul: es simple y excelente para colores de pantalla, aunque los pares complementarios pueden verse turbios. HSL mezcla matiz, saturación y luminosidad, recorriendo el matiz por la rueda de color para transiciones más limpias. LAB mezcla en un espacio perceptual modelado según la visión humana, así que el resultado suele verse más natural. Prueba los tres y elige el que prefieras.
¿Puedo mezclar más de dos colores y definir una proporción?
Sí. Toca Agregar color para mezclar hasta 5 colores a la vez. Cada color tiene su propio control deslizante de proporción, y la herramienta mantiene todas las proporciones sumando 100%. Quita cualquier color con su botón X para volver a bajar la cantidad.
¿Es como mezclar pintura (RYB) o color de pantalla (RGB)?
Esta herramienta mezcla en modelos aditivos de pantalla —RGB, HSL y LAB— que coinciden con cómo se combinan los colores en una pantalla. Eso difiere de la mezcla sustractiva de pintura (RYB), donde los pigmentos absorben luz, así que azul y amarillo dan verde. Para diseño digital, los modos RGB y LAB de aquí te dan los valores que realmente usarás en CSS y software de diseño.
¿Por qué desaparecen los pasos de mezcla con 3 o más colores?
Los pasos de mezcla muestran la transición entre exactamente dos colores con distintas proporciones. Con tres o más colores no hay una sola línea de pasos, así que la herramienta muestra la vista previa del degradado para visualizar la mezcla completa.
¿Entrega el resultado en HEX, RGB y HSL?
Sí. El color mezclado se muestra en HEX, RGB y HSL al mismo tiempo, cada uno con su propio botón de copiar. Copia HEX para la web, RGB para CSS o HSL para herramientas de diseño.
¿Se guardan o suben mis datos?
No. Cada mezcla ocurre localmente en tu navegador y nada se envía a un servidor. Los colores no se guardan entre sesiones, así que copia o guarda en marcadores los valores HEX que quieras conservar.
Aún no hay comentarios. ¡Sé el primero en comentar!