Design
Colors, contrast, gradients and CSS.
10 tools
Lorem IpsumGenerate placeholder text for mockups — paragraphs, sentences or words.CSS formatterIndent or minify a stylesheet.Colour converterHEX, RGB, HSL, HSV and CMYK for one colour, plus its shade range.WCAG contrast checkerIs your text readable on that background? Check the AA and AAA accessibility thresholds.Palette generatorBuild a harmonious palette from a single colour, exportable as CSS.CSS gradient generatorCreate a linear, radial or conic gradient and copy the CSS.CSS box-shadow generatorDial in a shadow visually and take away the CSS rule.Screen density (PPI)Pixels per inch, real pixel size and the ideal viewing distance.Aspect ratio calculatorFind the missing dimension while keeping the proportions.Random color generatorRandom colors with their HEX, RGB and HSL codes.