Design tools
Check a color pair, convert a color value or preview a CSS shadow while working on a layout. The ratio calculators help you resize images and divide a space into proportions. Generate placeholder text when you need sample content. Results include values you can copy into your stylesheet or design file.
Color contrast checker
Check the contrast ratio between two colors and see which WCAG text and interface thresholds they meet.
Color converter
Convert between HEX, RGB, HSL and HSV. Preview the color and copy values for CSS.
CSS box shadow generator
Adjust offset, blur, spread and color with a live preview. Combine layers and copy the CSS.
Aspect ratio calculator
Find an aspect ratio or calculate a missing width or height. Compare sizes for images, video and screens.
Golden ratio calculator
Divide a length by the golden ratio, find related dimensions and preview the proportions.
Lorem ipsum generator
Generate placeholder words, sentences or paragraphs. Copy plain text or HTML for a layout.
