Design

Resuelve cualquier color hex a su color CSS con nombre más cercano con distancia CIEDE2000 real, y explora toda su familia de color.

Design

Genera el «mesh de degradados» de moda en Dribbble/Behance desde 2024: varios degradados radiales (mancha de color → fundido a transparente del mismo tono) apilados sobre un color base (opcionalmente una capa cónica), con modos de mezcla, grano de película SVG, distribuciones con semilla (esquinas / anillo / dispersión / cuadrícula), vista previa en vivo, CSS copiable y clase arbitraria de Tailwind. Las manchas se desvanecen con hex de 8 dígitos #RRGGBB00 para evitar el anillo gris del término transparent.

Design

Sube una imagen maestra y genera el kit completo de plataformas: Instagram (1:1 / 4:5 / 3:4 para cuadrícula / Story / Reel), X (cabecera 1500×500 / feed), LinkedIn (banner personal / portada de empresa / imagen de post), YouTube (miniatura / banner de canal) y enlace de Facebook. Cada recorte se previsualiza con su máscara de zona segura verificada 2025-2026 (márgenes de Story, círculo de avatar de X, zona de avatar de LinkedIn, insignia de duración de YouTube) y todo se exporta en ZIP.

Design

Genera el snippet CSS completo de glassmorphism o neumorfismo de punta a punta: ajusta desenfoque, saturación, opacidad del tinte, radio, borde, sombra externa y brillo superior; opcionalmente superposición de grano SVG feTurbulence y degradación @supports; incluye automáticamente el prefijo -webkit-backdrop-filter (obligatorio antes de Safari 18) y el mapeo a clases Tailwind (con la nota de diferencias v3/v4), con vista previa en vivo de la tarjeta sobre un fondo degradado.

Design

Sube una imagen y previsualiza cómo se ve en Instagram Feed/Story/Reels, TikTok, YouTube, X y LinkedIn — con superposiciones de zona segura que muestran exactamente qué píxeles se recortan o cubren antes de publicar.

Design

Referencia 2026 de dimensiones de imagen para Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest y WeChat, filtrable por plataforma.

Design

Pega clases de Tailwind que usan valores arbitrarios (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) e inspecciona el CSS generado, con una vista previa visual en vivo, detección de pistas de tipo de dato y una explicación de cada traducción. Útil para depurar calc(), variables CSS y valores puntuales fuera de la escala de tokens.

Design

Resuelve una cadena de filtros CSS que reproduce un color hexadecimal objetivo desde un color base monocromático

Design

Visualiza una curva de easing cubic-bezier de CSS, previsualízala en posición/opacidad/escala, elige presets y exporta CSS listo para copiar

Design

Introduce viewport y tamaños mínimos y máximos para obtener clamp(), CSS copiable y datos de vista previa

Design

Genera imágenes anaglifo 3D rojo-cian desde fotos normales. Crea imágenes estereoscópicas 3D visibles con anteojos 3D rojo-cian.

Design

Genera mapas de profundidad desde imágenes usando análisis de brillo, saturación y bordes. Crea mapas de profundidad en escala de grises donde píxeles más claros indican objetos más cercanos y píxeles más oscuros indican objetos más lejanos.