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