Generador de Box Shadow CSS

Ajusta offset, blur, spread, opacidad, radio e inset de box-shadow dentro del navegador con vista previa en vivo y salida CSS lista para copiar.

Generador de Box Shadow CSS

El generador de box shadow CSS te permite ajustar desplazamiento horizontal y vertical, blur, spread, opacidad, radio del borde e inset localmente en el navegador mientras previsualizas en tiempo real el resultado sobre tarjetas o botones.

Cómo usarlo

  1. Ajusta desplazamiento horizontal, vertical, blur y spread.
  2. Elige color de sombra, color de fondo y define opacidad y border radius.
  3. Activa inset cuando necesites una sombra interior.
  4. Copia el CSS generado en los estilos del componente o en notas de handoff de diseño.

Características

  • Controles visuales para los parámetros box-shadow más comunes
  • Soporta sombras exteriores e interiores inset
  • Vista previa local en vivo con salida CSS lista para copiar

Por qué usarlo

  • Ajustar rápidamente profundidad para tarjetas, botones, inputs y superficies flotantes
  • Reducir el tiempo de escribir la sintaxis a mano y refrescar para probar
  • Compartir valores CSS listos para implementación entre diseño y frontend

Herramientas de color relacionadas

Creador de GIF

Convierte imágenes estáticas o clips en GIF animados.

Redimensionador de Imágenes

Redimensiona imágenes por lotes usando píxeles o porcentaje, con bloqueo de proporción y exportación local.

Imagen a ICO

Convierte imágenes en archivos ICO para favicons e iconos de apps, con varios tamaños dentro del mismo archivo.

SVG a PNG/JPG

Exporta SVG como PNG o JPG con tamaño, color de fondo y descarga local.

Optimizador SVG

Optimiza código SVG en tu navegador, elimina metadatos extra y exporta una versión más limpia.

Visor EXIF

Lee EXIF, GPS, cámara y parámetros de captura de imágenes directamente en tu navegador.

Limpiador de metadatos de imagen

Elimina EXIF, XMP, ICC y otros metadatos de imágenes JPEG, PNG y WebP directamente en tu navegador.

Extractor de paleta de imagen

Extrae colores dominantes, proporciones y paletas de una imagen, con exportación local en HEX, CSS o JSON.

Selector de Colores

Toma colores desde entrada manual, la pantalla o imágenes subidas en el navegador y muestra valores HEX, RGB, HSL, HSV, CMYK y CSS.

Convertidor de Colores

Convierte colores entre HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK y palabras clave CSS dentro del navegador con soporte bidireccional y canal alfa.

Comprobador de Contraste

Comprueba la relación de contraste WCAG entre colores de primer plano y fondo en el navegador, con niveles AA / AAA para texto normal y grande.

Generador de Gradientes CSS

Crea linear-gradient, radial-gradient y conic-gradient dentro del navegador con edición de color stops, vista previa en vivo y salida CSS lista para copiar.

Nombres de Colores HTML

Explora y busca colores nombrados de HTML / CSS en el navegador, y copia el nombre del color, HEX o RGB.

Generador de Favicon

Genera recursos favicon comunes, site.webmanifest y snippets HTML desde una sola imagen.

Gemini Watermark Remover

Elimina localmente en tu navegador la marca visible de Gemini, con procesamiento y descarga por lotes.

Imagen a AVIF

Convierte PNG, JPG y otras imágenes a AVIF por lotes con calidad, escala y descarga ZIP.

Compresor PNG

Comprime archivos PNG manteniendo salida PNG, con escala, reducción de colores, vista previa y descarga ZIP.

Imagen a WebP

Convierte PNG, JPG y otras imágenes a WebP por lotes con calidad, escala, vista previa y descarga ZIP.