Mezclador de colores
Mezcla dos colores HEX en la proporción que elijas, en espacio RGB o Lab, y obtén el color intermedio como muestra y valor HEX copiable.
Mezclador de colores — Pega dos colores en HEX, define cuánto color B quieres mezclar con el control de proporción y elige si combinar en RGB normal o en el espacio perceptual Lab: el resultado aparece al instante como una muestra de vista previa y un valor HEX copiable. No hay ajustes preestablecidos que esperar ni botón que pulsar; la mezcla se recalcula a medida que escribes o arrastras. Todo se ejecuta por completo en tu navegador, así que tus colores nunca salen de tu dispositivo.
¿Qué es Mezclador de colores?
El Mezclador de Colores es una herramienta gratuita en línea que interpola entre dos colores y te da el color intermedio. Introduces el Color A y el Color B en HEX (sirven tanto #rrggbb como la forma abreviada #rgb), mueves el control de proporción de 0% (todo Color A) a 100% (todo Color B) y eliges el espacio de color: RGB mezcla los canales en bruto directamente, mientras que Lab mezcla en un espacio perceptual que suele dejar el punto medio con un aspecto más natural y evita grises apagados. Diseñadores, desarrolladores front-end e ilustradores lo usan para hallar un tono medio entre dos colores de marca, crear rampas suaves de dos colores, derivar tintes para estados hover o bordes, o previsualizar cómo se encontrarán dos pinturas o dos paradas de degradado en el centro. El resultado se muestra como una muestra grande sobre un campo HEX de solo lectura que puedes copiar con un clic.
Cómo usar Mezclador de colores
- Escribe o pega tu primer color en el campo Color A (HEX) y el segundo en el campo Color B (HEX), con formato #rrggbb o #rgb.
- Arrastra el control Proporción (o escribe un número) para fijar cuánto Color B se mezcla: 0% da el Color A, 100% da el Color B y 50% es el punto medio exacto.
- Elige el espacio de mezcla con el conmutador RGB / Lab: usa Lab para una mezcla más uniforme a la vista, o RGB para un promedio literal canal por canal.
- Observa cómo la muestra de vista previa se actualiza en vivo y lee el valor HEX del color mezclado debajo.
- Haz clic en el botón de copiar junto al resultado para copiar el HEX mezclado al portapapeles.
Ejemplos
Punto medio RGB de rojo y azul
Entrada
A #ff0000, B #0000ff, proporción 50%, RGB
Salida
#800080
Mayormente hacia el blanco
Entrada
A #4f86f7, B #ffffff, proporción 75%, RGB
Salida
#d3e1fd
Lab frente a RGB en dos tonos saturados
Mezcla #00a000 con #d000d0 al 50%. En RGB obtienes un tono apagado, mientras que al cambiar a Lab se produce un punto medio que coincide mejor con lo que el ojo espera entre ambos tonos: útil para degradados de dos colores que no deben enturbiarse en el centro.
Preguntas frecuentes
- ¿Cuál es la diferencia entre las opciones RGB y Lab?
- RGB mezcla los canales rojo, verde y azul por separado, lo cual es rápido y coincide exactamente con cómo CSS promedia colores, pero puede caer en grises apagados con tonos lejanos. Lab convierte ambos colores al espacio perceptual CIELAB, interpola allí y vuelve a convertir, lo que suele mantener el punto medio más luminoso y cercano a lo que espera el ojo. Ambos producen un resultado #rrggbb.
- ¿Qué significa el control de proporción?
- La proporción es cuánto Color B hay en la mezcla. Al 0% el resultado es igual al Color A, al 100% es igual al Color B y al 50% es el punto medio exacto entre ambos. Puedes arrastrar el control deslizante o escribir un porcentaje exacto.
- ¿Qué formatos de color puedo introducir?
- Ambas entradas aceptan HEX en forma #rrggbb (seis dígitos) o #rgb (abreviatura de tres dígitos). Si alguno de los valores no es un color HEX válido, aparece un mensaje de error y no se muestra ninguna mezcla hasta que ambos sean válidos. La salida es siempre un valor HEX #rrggbb.
- ¿Puedo usar el color mezclado en una cadena del espacio de trabajo?
- Sí. El resultado se expone como un puerto de salida, así que en un espacio de trabajo de deftdeck puedes conectar el HEX mezclado directamente a otra herramienta, y se actualiza automáticamente cada vez que cambias un color, la proporción o el espacio de color.
- ¿Se envían mis colores a algún sitio?
- No. Todas las operaciones de mezcla se ejecutan localmente en tu navegador, por lo que tus valores de color nunca se suben a un servidor. La herramienta funciona sin conexión y mantiene tu paleta privada.
Herramientas relacionadas
Código a imagen
Convierte un fragmento de código en una imagen PNG pulida con resaltado de sintaxis en tu navegador, con tema, fondo de degradado o transparente y relleno, sin subir nada.
Verificador de contraste de color
Comprueba la relación de contraste WCAG entre un color HEX de primer plano y uno de fondo, y si cumple AA y AAA para texto normal y grande.
Generador de tonos de color
Convierte un color HEX base en una escala de tonos 50-950 al estilo Tailwind, mezclando hacia blanco y negro, con muestra y HEX copiable.
Simulador de daltonismo
Sube una imagen y previsualiza cómo se ve con protanopía, deuteranopía, tritanopía o daltonismo total, y luego descarga el resultado simulado.