Gerador Neumorphism

Gere sombras CSS neumórficas suaves para controlos elevados ou inset.

Cor

Saída

Ferramentas Sugeridas

Seletor de Cores
Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.
HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSL
Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.

Gerador Neumorphism cria box-shadows claras/escuras emparelhadas para um look clay/soft-UI.

Defina a cor base e a distância, execute e copie o CSS para botões ou cards.

Ativa o JavaScript.