CSS & Design Tools

24 free tools — everything runs in your browser, nothing uploaded.

CSS Minifier & Beautifier

Compress or format CSS

CSS Grid Generator

Visual grid layout builder

SVG Optimizer

Minify and clean SVG markup

CSS Flexbox Generator

Build flexbox layouts visually with live preview

SVG to CSS Data URI Encoder

SVG as background-image

Color Palette Generator

Palettes from one color

Website Accessibility Audit

Crawl a page for WCAG risks

CSS Variables Generator

Generate a custom CSS variable theme

CSS Variables Extractor

Extract CSS custom properties

CSS Unit Converter

px → rem, em, vw, vh

CSS Clamp Calculator

Fluid typography sizing

Color Converter

Convert HEX, RGB, HSL, HSV, CMYK instantly

Color Blindness Simulator

Preview designs through color-blind filters

CSS Triangle Generator

Generate pure-CSS triangles with copy-ready code

CSS Filter Generator

Visual builder for CSS filter effects

CSS Animation Generator

Build @keyframes animations visually

CSS Border Radius Generator

Visual per-corner border-radius builder

CSS Named Colors

Browse & copy all 140 CSS color names

HTML Color Codes

Interactive HEX, RGB, HSL color converter + reference

CSS Specificity Calculator

Calculate selector specificity

CSS Text Shadow Generator

Visual text-shadow builder

CSS Gradient Generator

Linear & radial gradient builder

CSS Box Shadow Generator

Visual box-shadow builder

Image Color Picker

Extract colors from any image