Selector de colores y generador de paletas
Elija colores en formatos HEXADECIMALES, RGB y HSL; genere paletas de colores y degradados armoniosos.
Generador de Glassmorphism CSS
Diseña modernas tarjetas y paneles con efecto de vidrio esmerilado translúcido usando backdrop-filter.
Ajustes de efecto de cristal
Desenfoque (Blur)16px
Opacidad (Saydamlık)%25
Grosor del borde1px
Opacidad del borde%20
Radio de esquinas20px
#ffffff
ToolsApp Glass
Cristal esmerilado moderno
Experimenta una interfaz glassmorphism impecable con desenfoque de fondo en tiempo real y refracción de luz.
blur(16px)opacity(25%)
Código CSS
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
¿Cómo se Usa?
Ajustar el desenfoque y la opacidad
Ajusta el desenfoque y la transparencia del fondo.
Fondos de prueba
Vista previa de degradados vibrantes y coloridos.
Copiar CSS/viento de cola
Exporte el fragmento de CSS a su archivo de estilo.
Consejos y Trucos
- •El efecto cristal depende del fondo. Prueba la lectura del texto sobre zonas claras y oscuras por separado.
Herramientas Relacionadas
Selector de color de imagen y cuentagotas
Sube fotos o gráficos y haz clic en cualquier píxel para probar los códigos de color HEXADECIMALES y RGB exactos.
Generador de códigos QR personalizados
Genera códigos QR PNG y SVG de alta resolución para sitios web, redes Wi-Fi, texto y tarjetas de contacto.
Generador de iconos de favicon y aplicación
Genera iconos de Apple Touch de 16x16, 32x32, 180x180 e iconos de PWA de Android desde tu logotipo.
Reseñas y Opiniones de Usuarios
Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.
Reseñas Aprobadas (0)