Design

Convert between HEX, RGB, and HSL with an accurate live preview.

Check WCAG contrast ratios between two colors. Instant AA / AAA pass status for normal text, large text, and UI components.

Design linear and radial CSS gradients visually. Drag color stops, adjust the angle, and copy the ready-to-use background CSS.

Resize while keeping the aspect ratio — enter width or height, get the other side. Includes 16:9, 4:3, 21:9, 1:1 presets and the CSS aspect-ratio declaration.