Paleta de Colores

Diseño · Conversión · Accesibilidad

Sombreado Dinámico

Variantes sutiles para el diseño de interfaces.

900#590094

700#9600FA

500#C061FF

300#E9C7FF

100#FFFFFF

Estándares de UI

Colores recomendados para estados del sistema.

Contenido de Texto

Sample UI Tag

Llamada a la Acción

Sample UI Tag

Borde Sutil

Sample UI Tag

"Usa el #BF61FF como acento principal para destacar acciones clave sin saturar la vista."

Exportación de Temas

Exporta e integra esta paleta a tu ecosistema favorito.

:root {

--brand-primary: #BF61FF;

--brand-rgb: 191, 97, 255;

--brand-hsl: 276deg 100% 69%;

/* Base scales */

--brand-100: #ffffff;

--brand-900: #590094;

}

Generador de Degradados

Crea degradados modernos basados en armonías.

Degradado Lineal

Degradado Radial

Degradado Malla

Sugerencias Inteligentes

Este color es ideal para botones de acción con texto blanco y bordes de 1px dentro de la estética Nebura.

Sincronizando ColorSnap...

Sombreado Dinámico

Variantes sutiles para el diseño de interfaces.

900#590094

700#9600FA

500#C061FF

300#E9C7FF

100#FFFFFF

Estándares de UI

Colores recomendados para estados del sistema.

Contenido de Texto

Sample UI Tag

Llamada a la Acción

Sample UI Tag

Borde Sutil

Sample UI Tag

"Usa el #BF61FF como acento principal para destacar acciones clave sin saturar la vista."

Exportación de Temas

Exporta e integra esta paleta a tu ecosistema favorito.

:root {

--brand-primary: #BF61FF;

--brand-rgb: 191, 97, 255;

--brand-hsl: 276deg 100% 69%;

/* Base scales */

--brand-100: #ffffff;

--brand-900: #590094;

}

Generador de Degradados

Crea degradados modernos basados en armonías.

Degradado Lineal

Degradado Radial

Degradado Malla

Sugerencias Inteligentes

Este color es ideal para botones de acción con texto blanco y bordes de 1px dentro de la estética Nebura.