Color & CSS

Pick colors, convert formats, and generate gradients, shadows and accessible contrast pairs.

Color Picker & Converter

Pick any color and get its HEX, RGB and HSL values with one-tap copy.

Paste a color in any format — HEX, rgb() or hsl() — and get all three, instantly.

Design linear and radial gradients visually — with the exact CSS one click away.

Design CSS box-shadows with sliders and a live preview — offsets, blur, spread, opacity and inset.

Check text/background contrast against WCAG AA and AAA — with a live preview of how it actually reads.

Convert any color between HEX, RGB, HSL, HSV and CMYK — edit any format and the rest sync live.

Minify CSS in one paste — comments stripped, whitespace collapsed, with exact byte savings shown.