Design & Color calculators
Color palettes, shades, contrast, typography scales, print sizing and design generators.
19 free tools
Most used
Color Palette GeneratorBuild a harmonious color scheme from one base color in secondsColor PickerPick any color — even from your screen — and copy HEX, RGB or HSLPixels to CM / Inches ConverterConvert pixels to centimeters, millimeters and inches at any DPITints & Shades GeneratorTurn one color into tints, shades and a ready-to-use 50–950 scale
More design & color tools
Color Blindness SimulatorSee your palette through color-blind eyes and find clashing colorsColor MixerBlend colors by percentage and get the exact HEX of the mixColor Name FinderFind the closest named color for any HEX or RGB codeFavicon Generator from TextMake a favicon from letters or an emoji and download ICO, PNG and SVGFont Pairing ToolPreview Google Font pairings and copy the embed code and CSSImage Color Picker & Palette ExtractorClick any pixel for its HEX code and pull the dominant palette from a photoLine Height CalculatorFind the right line height and line length for any font sizePlaceholder Image GeneratorMake placeholder images of any size, colour and label — PNG or SVGSVG to PNG ConverterConvert SVG to a crisp PNG at any size or scale, right in your browserTailwind Color FinderMatch any hex colour to the nearest Tailwind CSS palette shadeType Scale CalculatorBuild a modular font-size scale from one base size and ratioGrid System CalculatorWork out exact column, gutter and span widths for any layout gridMesh Gradient GeneratorCreate soft multi-colour mesh gradients and export CSS or PNGPrint Bleed & Safe Area CalculatorGet the exact document size with bleed, safe area and pixel dimensionsSVG Pattern GeneratorGenerate seamless SVG background patterns and copy the CSS