Diseño y CSS
Generadores visuales de CSS —degradados, sombras y efectos— con vista previa en vivo y código listo para copiar.
4 herramientas
Comprobador de Contraste WCAG
Calcula el ratio de contraste entre dos colores y comprueba si cumple WCAG AA y AAA, texto e interfaz. Te sugiere el color corregido sin perder el tono.
AbrirGenerador de Degradados CSS
Crea degradados CSS lineales, radiales y cónicos con vista previa en vivo, paradas de color ilimitadas y código listo para copiar. Sin registro.
AbrirGenerador de Sombras CSS
Crea sombras box-shadow CSS con control de desplazamiento, desenfoque, expansión, color y opacidad, varias capas, inset y vista previa en vivo. Sin registro.
AbrirGenerador de Glassmorphism CSS
Crea el efecto cristal esmerilado (glassmorphism) en CSS con desenfoque, transparencia, saturación, borde y radio, con vista previa en vivo. Sin registro.
Abrir