Design & CSS Tools
Free online design and CSS utilities. Generate color palettes, verify WCAG 2.1 contrast ratios, generate gradients, box shadows, border radiuses, and calculate aspect ratios and print DPI.
Advertisement
Color Palette Generator
Generate harmonious color schemes (analogous, triadic, monochromatic, complementary).
Use tool
WCAG Contrast Checker
Calculate color contrast ratios and verify WCAG 2.1 Level AA & AAA compliance.
Use tool
CSS Gradient Generator
Create linear and radial CSS gradients with multi-color stop controls.
Use tool
CSS Box Shadow Generator
Generate smooth multi-layered CSS box shadows with blur, spread, and inset.
Use tool
CSS Border Radius Generator
Create 8-value CSS border radiuses and rounded corner shapes.
Use tool
Aspect Ratio Calculator
Calculate 16:9, 4:3, 1:1, 9:16 aspect ratios and scale dimensions proportionally.
Use tool
DPI / PPI Print Calculator
Convert digital pixel dimensions to physical print inches and centimeters at 300 DPI.
Use tool