Mezclador de Colores
Mezcla dos colores y descubre los tonos intermedios paso a paso, con su código HEX.
Cómo mezclar dos colores online
Elige el color A y el color B
Selecciona los dos colores que quieres mezclar con el selector visual o su código HEX.
Ajusta el número de pasos
Elige cuántos tonos intermedios quieres ver entre ambos colores.
Copia el tono que más te guste
Haz clic en cualquier swatch de la mezcla para copiar su código HEX.
Preguntas frecuentes sobre el mezclador de colores
Mezclar colores es útil para encontrar tonos intermedios entre dos colores de marca, crear degradados por pasos o simplemente explorar combinaciones. Esta herramienta calcula la mezcla directamente en tu navegador.
¿Cómo se calcula la mezcla?
+
Se interpola cada canal RGB entre el color A y el color B en el número de pasos que elijas.
¿Cuántos colores intermedios puedo generar?
+
Puedes elegir entre 3 y 10 pasos intermedios.
¿Es lo mismo que un degradado CSS?
+
El resultado es similar a un gradiente lineal entre dos colores, pero aquí obtienes cada paso como un color sólido independiente con su propio código HEX.
¿Puedo copiar los colores generados?
+
Sí, haz clic en cualquier color para copiar su código HEX.
¿Es gratis?
+
Sí, esta herramienta es completamente gratuita.
¿Se sube algún dato a un servidor?
+
No, la mezcla se calcula directamente en tu navegador.
Colores
Conversor de colores (HEX, RGB, HSL, CMYK)
Convierte cualquier color entre HEX, RGB, HSL y CMYK al instante, con vista previa en vivo y el nombre de color más cercano.
Generador de paletas de colores
Crea paletas de 5 colores armoniosas (complementarias, análogas, triádicas o monocromáticas) a partir de un color base.
Generador de gradientes CSS
Crea degradados lineales o radiales con hasta 4 colores y copia el código CSS listo para usar.
Comprobador de contraste WCAG
Comprueba si la combinación de color de texto y fondo cumple los niveles de accesibilidad AA y AAA.
Color aleatorio
Genera un color aleatorio con un clic y descubre su nombre, su código HEX/RGB/HSL y colores similares.
Selector de color (cuentagotas)
Elige cualquier color de tu pantalla con la herramienta cuentagotas del navegador, o usa el selector clásico.
Simulador de daltonismo
Sube una imagen y comprueba cómo la verían personas con protanopia, deuteranopia o tritanopia.
Generador de Gradientes Mesh
Crea fondos con gradientes mesh (manchas de color difuminadas) y descárgalos en PNG o copia el código CSS.
Generador de Tonos y Sombras
Genera automáticamente los tonos más claros y las sombras más oscuras de cualquier color, con su código HEX.
Rueda de Colores (Armonías)
Elige un color en la rueda y descubre sus combinaciones armoniosas: complementarios, análogos, triádicos y más.
Extractor de Paleta desde Imagen
Sube una imagen y extrae automáticamente sus colores dominantes en una paleta, con el código HEX de cada uno.
Color Promedio de una Imagen
Sube una imagen y calcula al instante su color promedio, con su código HEX, RGB y HSL.
Explora los colores por familia
Más de 469 colores con nombre, con su código HEX, RGB, HSL y CMYK, organizados en 12 familias de tonos.
