CSSLab — Diseño y CSS
Generadores visuales para el front-end diario: crea degradados con vista previa en vivo y produce packs de favicon completos — en tu navegador.
100% en tu navegador Gratis para siempre Sin registro
Funciona 100% en tu navegador — nunca se sube nada.
Todas las herramientas de CSSLab
Degradados CSS Diseña degradados lineales, radiales y cónicos con paradas de color arrastrables y vista previa en vivo — y copia CSS limpio y listo para usar. Generador de favicon Sube una imagen y descarga un pack de favicon completo: favicon.ico, PNG de 16px a 512px, icono Apple touch, webmanifest y las etiquetas HTML para pegar. Selector Selección visual con códigos HEX / RGB / HSL al instante. Contraste Prueba cualquier par de colores contra los umbrales AA y AAA. Paleta Paletas armónicas desde cualquier color base — con variables CSS. Box shadow Crea la sombra CSS perfecta con controles y vista previa. Flexbox Ajusta propiedades flexbox visualmente y copia el CSS. Grid Diseña rejillas visualmente — obtén CSS limpio al instante. SVG Reduce el peso de tus SVG sin cambiar su aspecto. Proporción Resuelve ancho/alto desde cualquier proporción al instante. Border Radius Mueve los controles, mira la forma, copia el CSS. Animaciones CSS Presets + vista previa → @keyframes listos para copiar. CSS a Tailwind Mapea reglas CSS a clases utilitarias de Tailwind. Simulador de Daltonismo Ve tu diseño como lo ven los daltónicos. Especificidad CSS ¿Qué selector gana? Puntuación (a,b,c). Editor de Rutas SVG Ve, entiende y transforma paths SVG. Imágenes Placeholder Imágenes de prueba a medida en PNG o SVG.
Preguntas frecuentes
¿Mis imágenes se suben al crear favicons?
No. El generador de favicon redimensiona tu imagen con la API canvas íntegramente en tu navegador y empaqueta el resultado en un ZIP en local. Tu diseño nunca sale de tu equipo.
¿El CSS generado sirve para producción?
Sí — el generador de degradados produce CSS estándar y moderno que funciona en todos los navegadores actuales, listo para pegar en tu hoja de estilos.
¿Qué tamaños de favicon obtengo?
El set moderno completo: favicon.ico (16/32/48), PNG de 16, 32, 180 (Apple touch), 192 y 512 (Android/PWA), más el fragmento HTML y el webmanifest listos.