Color & Design

Pick colors and view color codes

Create CSS gradients

Generate color palettes

Check color contrast ratios

Mix two colors together

Generate shades and tints of a color

Generate CSS box shadow code

Generate CSS border radius code

Visual CSS filter effects

Calculate layout proportions

Simulate color blindness

Brand-safe color palettes

Create custom SVG paths visually

Generate CSS glass effects

Generate soft UI shadow effects

Generate Tailwind custom colors

Extract colors from images

Generate CSS Grid layouts

Generate CSS Flexbox layouts

Calculate image and screen ratios