Generates CSS border-radius values visually. Control all four corners individually or together. Supports the full CSS shorthand syntax (top-left / top-right / bottom-right / bottom-left) and the advanced per-corner elliptical syntax (e.g., 40px 40% / 10px 20px). Live preview on a configurable box.
border-radius: 8px;
Drag the corner sliders or enter values to generate the border-radius CSS with live preview.
Generate linear, radial, and conic CSS gradients with live preview.
Create CSS box shadows with live preview and code output.
Generate CSS text-shadow effects with live preview.
Convert image files to Base64-encoded data URLs.
Convert Base64-encoded data URLs back to viewable and downloadable images.
Simulate how images appear under different types of colour blindness.