Design & Color
Colors, contrast, gradients and ratios. These tools are free, need no account, and come with simple step-by-step instructions.
- Color ConverterHEX ↔ RGB ↔ HSL, with a live swatch.
- Color Contrast CheckerWCAG contrast ratio for text and background colors.
- CSS Gradient GeneratorLinear and radial gradients with copy-ready CSS.
- PX to REM ConverterPixels to rem/em and back for CSS.
- Aspect Ratio CalculatorSimplify a ratio and scale width or height to match it.
- CSS Box Shadow GeneratorCreate a CSS box-shadow from offsets, blur and opacity.
- Fluid Typography CSS Clamp GeneratorInterpolate font size between two viewport widths.
- SVG Placeholder Image GeneratorGenerate an escaped placeholder SVG with dimensions and label.
- Color Harmony Palette GeneratorGenerate complementary and analogous HSL colors from a hex base.
- Color Blend CalculatorMix two hex colors at a chosen proportion.
- Print Size & DPI CalculatorFind print dimensions from pixel size and desired DPI.
- Screen Pixel Density CalculatorCalculate PPI and physical size from resolution and diagonal.
- CSS Border Radius GeneratorSet independent corner radii and copy the CSS declaration.
- Sprite Sheet MakerCombine icons or game frames into a PNG atlas with exact JSON coordinates.
- Photo Contact SheetMake a numbered proof sheet of photos with filenames, without cropping.
- Transparent PNG TrimmerRemove empty transparent edges from logos and PNG artwork.
- Repeating Pattern PreviewRepeat a tile across a larger canvas to inspect seams and export a pattern.
- Duotone Image EditorRecolor actual image pixels using your shadow and highlight colors.
- Print Bleed & Crop Marks BuilderAdd edge-extended bleed and crop marks to a print-sized image.
- Rotate & Flip ImageRotate by exact right angles and mirror your image without cropping.
- Rounded Corners Image MakerCut rounded corners into an actual image with transparent PNG edges.
- Image Border & Padding MakerAdd an even colored frame without covering your image.
- PNG Opacity EditorMake an image more transparent and download the actual PNG.
- Single Color to TransparentRemove one selected flat color from logos or graphics.
- PNG Alpha Mask ViewerInspect transparency as black, grey and white pixels.
- Pixel Art UpscalerEnlarge pixel art by integer steps with crisp, unsmoothed pixels.
- Black & White Stencil MakerConvert image pixels into a two-tone stencil at your chosen cutoff.
- Ordered Dithering Image ToolCreate a black-and-white retro image using a 4×4 Bayer pattern.
- Image PosterizerReduce the number of color levels in actual image pixels.
- Image Color ReplacerReplace matching colors in a graphic while retaining transparency.
- Sprite Sheet & Grid SlicerSplit any regular image grid into numbered PNG files and a ZIP.
- Image Difference HeatmapCompare two same-size images and export a visible difference map.
- Halftone Dot Image MakerTurn a photo into a printable-looking black-dot raster effect.
- RGB Channel SplitterExport separate grayscale red, green and blue channel images.