Design tools

Color, gradient, and layout helpers for designers and front-end work.

• 
  Design
  Color ConverterConvert HEX, RGB, HSL, HSV and CMYK instantly.
• 
  Design
  CSS Gradient GeneratorLinear, radial and conic, with transparency and Tailwind output.
• 
  Design
  Color Palette GeneratorHarmonious palettes, checked for contrast and colour blindness.
• 
  Design
  Aspect Ratio CalculatorResize without squashing, and see exactly what a ratio change costs.
• 
  Design
  Image CompressorShrink JPG, PNG and WebP to an exact size, right in your browser.
• Design
  Image ResizerResize to exact pixels or percent, and it warns before it distorts.
• Design
  Color Contrast CheckerWCAG 2.2 and APCA, with the closest color that passes.
• Design
  Image CropperCrop JPEGs without losing quality, to a circle or any social size.
• Design
  Image Color PickerPick exact colors from any image, and pull out its whole palette.
• Design
  Favicon GeneratorEvery icon your site needs, checked for Google, dark tabs and phones.
• Design
  CSS Box-Shadow GeneratorSmooth layered shadows that still work in dark mode, with Tailwind.
• Design
  HEIC to JPG ConverterTurn iPhone photos into JPG with the right colors, date and orientation.
• Design
  SVG to PNG ConverterAny size, a 300 DPI print or a full icon set, with the fonts checked first.
• Design
  Remove EXIF DataSee what your photo reveals, then delete it without re-saving the image.
• Design
  Blur ImageBlur, pixelate or black out faces, names and numbers, the safe way.