CSS Glassmorphism Generator | Color & UI Tools

Color & UI tools

// Color & UI

Glassmorphism

> Generate frosted-glass CSS with blur, saturation, opacity, and border controls.

glass.cfg

Tint

HEX

Opacity: 0.15

Blur (px): 16

Saturate (%): 140

Border opacity: 0.25

Border width: 1

Radius (px): 16

preview.out

FROSTED UI

Glassmorphism card

background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(16px) saturate(140%);
-webkit-backdrop-filter: blur(16px) saturate(140%);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 16px;