Generador de Sombras Neumórficas CSS

Sobre esta herramienta

Genera el código CSS del estilo de diseño "neumorphism" (o "soft UI"), la tendencia visual donde los elementos parecen estar suavemente extruidos o hundidos del mismo fondo mediante dos sombras complementarias —una clara arriba a la izquierda y una oscura abajo a la derecha, ambas calculadas automáticamente a partir del color de fondo que elijas— con una vista previa en vivo del efecto sobre una tarjeta de ejemplo. Es una técnica de diseño popular en interfaces minimalistas pero cuyos valores de color exactos son tediosos de calcular a mano; esta herramienta los deriva automáticamente aclarando y oscureciendo tu color base en el espacio de color HSL. Todo el cálculo y la vista previa ocurren en tu navegador.