Categorías
Diseño y Recursos
Genera colores, CSS y recursos visuales ligeros. Esta colección reúne páginas útiles, rápidas y enfocadas en una sola tarea.
75 herramientas
Calculadora de Aspect Ratio
Calcula proporciones simplificadas y valores CSS aspect-ratio.
Contrast Verificador
Calcula la relación de contraste WCAG entre dos colores.
Convertidor de Color
Convierte entre formatos de color HEX, RGB y HSL.
Formateador de CSS
Da formato legible a CSS con sangría clara.
Formateador de SVG
Format SVG markup con consistent indentation.
Generador CSS de barras de desplazamiento
Genera CSS para barras de desplazamiento personalizadas.
Generador CSS de barras de progreso
Genera componentes CSS para barras de progreso.
Generador CSS de bordes degradados
Genera estilos CSS para bordes con degradado de colores.
Generador CSS de interruptores toggle
Genera estilos CSS para interruptores toggle.
Generador CSS de paneles glass
Genera CSS para paneles con estilo glassmorphism.
Generador CSS de superposición de ruido
Genera estilos CSS para superposiciones de ruido.
Generador CSS para Fondo de Modal
Genera efectos CSS para fondos modales.
Generador CSS para hover de tarjetas
Genera un fragmento CSS para efectos hover en tarjetas.
Generador CSS para Skeleton-Loader
Genera fragmentos CSS para Skeleton-Loader.
Generador CSS para Spinner-Loader
Genera fragmentos CSS para Spinner-Loader.
Generador CSS para subrayado de enlaces
Genera CSS para subrayados animados en enlaces.
Generador CSS para Toast
Genera estilos CSS para notificaciones tipo toast.
Generador CSS para Tooltips
Genera fragmentos CSS para tooltips.
Generador de Article Schema
Generar Article JSON-LD schema.
Generador de Barcode
Generar barcode images para product IDs y codes.
Generador de border-radius
Genera border-radius CSS a partir de valores individuales para cada esquina.
Generador de Box Shadow
Genera valores CSS de box-shadow con desplazamientos y desenfoque personalizados.
Generador de Breadcrumb Schema
Generar JSON-LD breadcrumb schema.
Generador de CSS Button
Generar styled CSS Botón code.
Generador de CSS Clamp
Genera valores fluidos CSS clamp() para tipografía.
Generador de CSS Filtro
Genera valores CSS de filtro con vista previa del efecto visual.
Generador de CSS Gradient
Genera un degradado lineal y copia el CSS inmediatamente.
Generador de CSS Gradient Texto
Generar CSS para gradient-colored Texto.
Generador de CSS Grid
Genera diseños CSS Grid con columnas, separación y tamaño de filas.
Generador de CSS para acordeón
Genera CSS para paneles acordeón.
Generador de CSS para banners marquee
Genera CSS para banners marquee en movimiento.
Generador de CSS para botón de hamburguesa
Genera estilos CSS para botones de menú hamburguesa.
Generador de CSS para degradados mesh
Genera CSS para fondos con degradados mesh.
Generador de CSS para divisores Wave
Genera fragmentos CSS y SVG para divisores con forma de onda.
Generador de CSS para Focus-Ring
Genera CSS accesible para anillos de enfoque.
Generador de CSS para fondos Hero
Genera CSS para fondos Hero.
Generador de CSS para formas blob
Genera formas orgánicas blob con CSS.
Generador de CSS para indicadores de estado
Genera CSS para badges de estado en vivo.
Generador de CSS para líneas de tiempo
Genera CSS para líneas de tiempo verticales.
Generador de CSS para Outline-Button
Genera CSS minimalista para botones con contorno.
Generador de CSS para paneles Neumorph
Genera CSS para paneles en estilo neumorfismo.
Generador de CSS para patrones de puntos
Genera patrones CSS para fondos punteados.
Generador de CSS para pestañas tipo píldora
Genera CSS para pestañas redondeadas tipo píldora.
Generador de CSS para pila de avatares
Genera pilas de avatares superpuestos con CSS.
Generador de CSS para Pill-Badge
Genera CSS para estilos de badge con forma de píldora.
Generador de CSS para Range Slider
Genera CSS personalizado para Range Slider.
Generador de CSS para tablas Zebra
Genera CSS de rayas Zebra para tablas.
Generador de CSS para tarjetas con cinta
Genera CSS para tarjetas con distintivo de cinta.
Generador de CSS para tarjetas de precios
Genera estilos CSS para tarjetas de precios.
Generador de CSS para text-shadow
Genera CSS de text-shadow rápida y directamente.
Generador de CSS Transform
Construye cadenas CSS transform a partir de valores de transformación comunes.
Generador de cuadrícula base
Genera valores de cuadrícula base y CSS para un ritmo vertical limpio.
Generador de Email Signature
Crea un bloque de firma de correo pulido.
Generador de Event Schema
Generar Event JSON-LD structured data.
Generador de Favicon
Crea un favicon SVG simple a partir de iniciales y colores de marca.
Generador de Flexbox
Genera CSS de contenedor flex con vista previa de diseño en vivo.
Generador de Floating Label Entrada CSS
Generar floating label Entrada CSS.
Generador de Local Business Schema
Generar LocalBusiness JSON-LD schema.
Generador de paleta de colores
Genera variaciones más claras y oscuras a partir de un color base.
Generador de Placeholder SVG
Genera imágenes SVG de marcador de posición personalizables.
Generador de Product Schema
Generar Product JSON-LD schema markup.
Generador de QR Code
Generar QR code imagen links para URLs y Texto.
Generador de Robots Meta Etiqueta
Generar robots meta etiquetas para indexing controls.
Generador de Shadow Paleta
Generar a 5-step CSS shadow scale.
Generador de triángulo CSS
Genera triángulos CSS para flechas e indicadores pequeños.
Generador de Twitter Card
Generar Twitter Tarjeta meta etiquetas para páginas.
Imagen a Favicon Pack
Genera un paquete PNG con tamaño de favicon a partir de una imagen subida en el navegador.
Imagen Filtro Studio
Aplica filtros de color y desenfoque en el navegador a una imagen subida.
Imagen Marca de agua
Estampa texto sobre una imagen localmente y exporta el resultado.
Imagen Paleta Extractor
Extrae colores dominantes de una imagen subida completamente en el navegador.
Minificador de CSS
Minifica CSS eliminando comentarios y espacios en blanco extra.
SVG a Base64
Convertir SVG markup into Base64 y data URI Salida.
SVG a Data URI
Convierte marcado SVG en un data URI listo para CSS.
SVG Optimizador
Elimina comentarios y reduce espacios en blanco en el marcado SVG.
Visor SVG
Muestra código SVG crudo directamente en el navegador.