HERRAMIENTA GRATIS / PANTALLA + IMPRESIÓN

Crea una paleta para pantalla e impresión.

Comienza con HEX, RGB, HSL o CMYK, o extrae colores de tu logo. Ajusta la armonía, revisa el contraste y exporta una guía PDF práctica para tu equipo.Abrir herramienta ↓El análisis de imágenes ocurre completamente en tu navegador.

01 / Laboratorio de paletas

Paleta de marca

#5F3A86rgb(95, 58, 134)hsl(269, 40%, 38%)CMYK C29 M57 Y0 K47

#43459Drgb(67, 69, 157)hsl(239, 40%, 44%)CMYK C57 M56 Y0 K38

#552E7Frgb(85, 46, 127)hsl(269, 47%, 34%)CMYK C33 M64 Y0 K50

#7D4C8Drgb(125, 76, 141)hsl(285, 30%, 43%)CMYK C11 M46 Y0 K45

#6D344Frgb(109, 52, 79)hsl(332, 35%, 32%)CMYK C0 M52 Y28 K57

Los valores CMYK son estimados prácticos convertidos desde sRGB. La tinta final varía según el perfil ICC, papel, prensa y acabado.

02 / Colores semánticos de UI

Colores semánticos de UI

El hue de marca se mantiene dominante. Solo ajustamos luminosidad y croma para legibilidad; verde, ámbar y rojo quedan reservados para estados.

Familia de marca

Primary#5F3A86

Hover de primary#4B2D6D

Secundario / Índigo#43459D

Acento#7D4C8D

Acento profundo#6D344F

Neutros de interfaz

Página#F7F5FA

Superficie#FFFFFF

Título#24152F

Texto#2D2833

Texto secundario#6F6875

Borde sutil#D8D2DE

Borde de control#97939C

Solo estados

Éxito#0F766E

Advertencia#B45309

Error#B42318

Combinaciones que funcionanContenido sobre fondo claroAcción primariaAcción secundaria

Espacio de trabajo

Vista práctica

Una sola familia de marca en toda la interfaz.

Las superficies suaves mantienen legible el contenido y los colores de marca organizan jerarquía y acción.

PrimarySecundarioOutline

Meta de contraste: 4.5:1

03 / Revisión de contraste

Revisión de contraste

TextoRelación 14.36:1Cumple · Meta 4.5:1

Texto secundarioRelación 5.37:1Cumple · Meta 4.5:1

TítuloRelación 15.86:1Cumple · Meta 4.5:1

PrimaryRelación 8.62:1Cumple · Meta 4.5:1

Secundario / ÍndigoRelación 8.15:1Cumple · Meta 4.5:1

Borde de controlRelación 3.01:1Cumple · Meta 3:1

FocoRelación 8.15:1Cumple · Meta 3:1

Incluye HEX, RGB, HSL, CMYK estimado, roles UI, reglas de uso y pares de contraste verificados.