Generador de Color gratis
Genera una paleta completa de tonos a partir de un color, o extrae los colores dominantes de una imagen. Todo se procesa en tu navegador — nada se sube a ningún servidor.
Colores armónicos
Complementario
Análogos
Triádico
Checador de contraste WCAG
Verifica si dos colores tienen suficiente contraste para ser legibles y accesibles.
Texto grande de ejemplo
Texto normal de ejemplo para revisar legibilidad.
21.00:1
Preguntas frecuentes
Sobre el generador de color
¿Cómo se genera la escala de tonos?
Tomamos tu color como punto medio y generamos 10 variaciones más, de más claro a más oscuro, ajustando la luminosidad mientras conservamos el tono — el mismo principio que usan los sistemas de diseño como Tailwind CSS.
¿Cómo se extraen los colores de una imagen?
Analizamos los píxeles de tu imagen directamente en el navegador y agrupamos los tonos más frecuentes para mostrarte los colores dominantes.
¿Puedo usar estos colores en cualquier proyecto?
Sí, los códigos de color que genera esta herramienta son tuyos para usar donde quieras, sin restricción.
¿Necesitas una identidad de marca completa, no solo una paleta?
Diseñamos tu identidad visual y la aplicamos a un sitio web real.
Conocer diseño UX/UI