| Muestra | HEX | RGB | HSL | % |
|---|
Extraccion de paleta para identidad de marca española y LATAM
Las agencias de diseno en España y America Latina utilizan la extraccion de paleta como primer paso en proyectos de identidad visual. A partir de un logotipo o una fotografia, la herramienta devuelve los codigos HEX exactos de los colores dominantes. La identidad visual de la administracion publica española incluye referencias cromaticas especificas; comparar una paleta extraida con esos valores ayuda a verificar la coherencia de documentos o sitios web institucionales.
La norma UNE 301549 (equivalente español de WCAG 2.1) exige un contraste minimo de 4,5:1 para texto normal en sitios del sector publico. Tras la extraccion, comprueba cada combinacion de colores con el Verificador de Contraste antes de incorporarlos al CSS.
Datos extraidos por la herramienta
| Tipo de color | Uso tipico | Formato de salida |
|---|---|---|
| Dominante | Color primario de marca | HEX, RGB, HSL |
| Secundario | Acento, botones de accion | HEX, RGB, HSL |
| Neutro | Fondos, textos | HEX, RGB, HSL |
| Porcentaje | Peso visual en la imagen fuente | % |
Limites de la extraccion algoritmica
El algoritmo agrupa los pixeles por clusters de colores similares. Los detalles finos , bordes delgados, iconos pequenos , pueden no aparecer en la paleta extraida. Los degradados se promedian sobre todos los pixeles, por lo que el color extraido es un valor intermedio y no el tono exacto del inicio o el final. Para trabajos de impresion, la conversion de HEX a CMYK sigue siendo necesaria mediante una herramienta de gestion del color, ya que los espacios de color de pantalla e impresion son distintos.
Flujo de trabajo: de la imagen al sistema de diseno
Extrae la paleta de la imagen fuente y pega los codigos HEX en el Generador de Paleta para obtener una escala completa de matices y sombras (escala 50-900 al estilo Tailwind CSS o tokens de Material Design). Copia las propiedades CSS personalizadas directamente en tu bloque :root.