Design & CSS
Visual CSS generators —gradients, shadows and effects— with live preview and ready-to-copy code.
4 tools
CSS Gradient Generator
Create linear, radial and conic CSS gradients with live preview, unlimited color stops and ready-to-copy code. No sign-up.
OpenWCAG Contrast Checker
Compute the contrast ratio between two colours and check it against WCAG AA and AAA, for text and interface elements. Suggests a fixed colour without losing the hue.
OpenCSS Box Shadow Generator
Create CSS box-shadow effects with offset, blur, spread, color and opacity control, multiple layers, inset and live preview. No sign-up.
OpenCSS Glassmorphism Generator
Create the frosted-glass (glassmorphism) effect in CSS with blur, transparency, saturation, border and radius, with live preview. No sign-up.
Open