Lang
Generador práctico
Generador de paleta de colores
Crea una paleta armónica y accesible desde un color base, una foto o una idea aleatoria.
HEX · RGB · HSL · OKLCH · WCAG
Estudio de paletas de colores
Crea una paleta armónica y accesible desde un color base, una foto o una idea aleatoria.
🖼️ Extraer colores de una imagenLa imagen se procesa solo en el navegador y no se sube.
Consejo: pulsa Espacio para volver a generar.
Tu paleta
Pulsa cualquier código para copiarlo. Bloquea o reordena colores antes de generar de nuevo.
Arrastra las tarjetas o usa las flechas para reordenarlas.
Vista previa de interfaz
Tu paleta
Función: Acento
Un sistema visual más claro
Prueba la paleta en una tarjeta realista con navegación, texto y botón.
Accesibilidad y contraste
–
Tabla de contrastes
Vista de percepción del color
Vista aproximada; prueba siempre con personas reales y no dependas solo del color.
Generador de degradados
Exportar paleta
Elige una armonía de color
Las paletas monocromáticas varían un tono. Los colores análogos están próximos; los modos complementario, triádico y tetrádico usan relaciones más amplias.
Comprueba la accesibilidad
Los resultados WCAG incluyen etiquetas de texto. El texto normal necesita 4,5:1 para AA y el texto grande 3:1.
Usa el formato adecuado
HEX y RGB tienen amplio soporte, HSL facilita los ajustes y OKLCH ofrece luminosidad y croma perceptualmente más uniformes.
Preguntas sobre el generador de paletas
¿Qué es una armonía de color?
Es una relación repetible entre tonos, como una combinación análoga, complementaria o triádica.
¿Cómo hago accesible una paleta?
Comprueba el contraste entre texto y fondo, no uses solo el color y prueba también los estados interactivos.
¿Se envía mi imagen al servidor?
No. La extracción se ejecuta localmente en el navegador y la imagen no se sube.
¿Qué formato de exportación uso?
CSS para sitios web, SCSS para hojas de estilo, JSON para aplicaciones y PNG como referencia visual.
Mascotas, directorio de herramientas digitales & sitios
¿Necesitas otra mascota o herramienta digital?
Explora la colección de herramientas para mascotas, digital y del sitio para la edad de perros, edad de gatos, comida para perros, comida para gatos, estimaciones de dosis para mascotas, paletas de colores, almacenamiento de datos, densidad de píxeles y conversión de RGB a HEX.