Encuentra la
paleta de colores perfecta en segundos.
Extrae colores armoniosos de cualquier imagen, genera paletas nuevas con un clic y verifica el contraste WCAG — todo funcionando localmente en tu navegador.
Tres herramientas, un objetivo: mejor color.
Cada herramienta hace una cosa bien. Úsalas juntas para un flujo de color completo.
Desde imagen
Sube cualquier foto o artwork. Obtén una paleta de 5 colores extraída con cuantización median-cut.
Generador
Haz clic para generar nuevas paletas. Bloquea los colores que te gustan, regenera el resto. Barra espaciadora para regenerar.
Verificador de contraste
Prueba dos colores cualquiera para conformidad WCAG AA / AAA. Vista previa en vivo con texto normal y grande.
Paletas de ambiente curadas
Historias de color seleccionadas a mano para cada proyecto.
Studio Ghibli
#7CA982#F4E3C1#A8C3A4#E8B7A0#5B7065Makoto Shinkai Sky
#FF8C61#FFB47A#F4D58D#9DB4C0#5E7A8ECyberpunk Neon
#FF006E#3A0CA3#06D6A0#F72585#1A1A2EMelancholy
#8B9DC3#C9B6D9#E6B5B5#9D8CA1#5C6B7AWabi-Sabi
#A89F91#D4C5B0#8B7E6E#E8E0D3#5C4F42Autumn Forest
#8B2500#C2491A#E8A87C#D4A574#3E5C3BHecho para creadores que se preocupan por el color.
La mayoría de herramientas de paleta están repletas de anuncios, muros de registro y marcas de agua. ColorMix es lo contrario — carga al instante, funciona completamente en tu navegador y no se entromete.
Ya sea que estés diseñando un sitio web, pintando un webtoon o estilizando una marca, la combinación de colores correcta es la diferencia entre olvidable e inolvidable. Construimos estas herramientas para ayudarte a encontrar esas combinaciones más rápido.
Preguntas frecuentes
Respuestas rápidas sobre las herramientas, tu privacidad y cómo funcionan los algoritmos.
¿Qué es ColorMix?+
ColorMix es un conjunto gratuito de herramientas de color en el navegador para diseñadores, ilustradores y creadores. Tiene tres herramientas: Desde imagen (extrae una paleta de 5 colores de cualquier foto), Generador (genera paletas nuevas con colores bloqueables) y Verificador de contraste (prueba dos colores cualquiera para conformidad WCAG AA/AAA).
¿Se sube mi imagen a un servidor?+
No. Todo funciona en tu navegador usando las APIs de HTML5 canvas y FileReader. Tu imagen, captura o artwork nunca sale de tu dispositivo. Literalmente no podemos verlo — no hay paso de subida.
¿Qué algoritmo usa la herramienta Desde imagen?+
Cuantización de color median-cut. Dividimos recursivamente el espacio de color RGB por el canal más largo hasta tener N cubos, luego promediamos cada cubo. Se ejecuta en menos de 50ms en una imagen de 200px y es totalmente determinista — la misma entrada siempre da la misma salida. El algoritmo fue descrito por primera vez por Heckbert (1982).
¿Cuál es la diferencia entre Desde imagen y el Generador?+
Desde imagen extrae colores de una foto que subes. El Generador crea una paleta aleatoria desde cero y te permite bloquear colores individuales mientras regeneras el resto. Usa Desde imagen cuando tienes inspiración visual; usa el Generador cuando quieres explorar.
¿Qué es WCAG AA / AAA?+
WCAG (Web Content Accessibility Guidelines) es el estándar internacional para contenido web accesible. AA requiere una relación de contraste de 4.5:1 para texto normal y 3:1 para texto grande. AAA requiere 7:1 y 4.5:1 respectivamente. Nuestro Verificador de contraste muestra la conformidad para dos colores cualquiera, con vistas previas en vivo de texto normal y grande.
¿Puedo usar las paletas extraídas comercialmente?+
Sí. Los códigos hex son solo números — no aplica copyright. Úsalos en cualquier proyecto, personal o comercial, sin atribución requerida.