🎨

Designers

From hex codes to print DPI — color, contrast and asset utilities that respect your workflow.

Design tools

Color Converter

Convert colors between HEX, RGB, HSL and CMYK with one click and copy any value.

Color Contrast Checker (WCAG)

Check text contrast ratios against WCAG 2.1 AA and AAA standards.

Pixel & Print Size Converter

Convert px, pt and rem, plus inches/cm to pixels at any DPI for print and web.

SVG Minifier

Strip comments and redundant whitespace from SVG markup and download the smaller file.

SVG to React Converter

Turn raw SVG into a ready-to-paste React JSX component with camelCased attributes.

Image to Base64 Converter

Convert images to data URLs with ready CSS background and HTML snippets to copy.

Lorem Ipsum Generator

Generate placeholder paragraphs, sentences or words for mockups and designs.

Favicon Generator

One square image in — favicon.ico, Apple touch icon and PNGs out.

Color Palette Extractor

Pull the dominant colors out of any photo — or pick exact pixels yourself.

Background Remover

Remove backgrounds in-browser, transparent PNG.

Social Media Image Resizer

One photo, every platform size — pick what you need and export a ZIP.

Image Resizer

Resize one photo or a whole batch by pixels, percentage or a longest-edge limit.

Image Compressor

Reduce JPG, PNG and WebP file size by quality or an exact target — in batches.

Crop Image

Crop, rotate and flip with precision — export JPG or PNG in one click.

Image Watermark

Stamp text or a logo onto a whole batch of photos — locally, never uploaded.

CSS Minifier

Strip comments, whitespace and redundant semicolons from CSS entirely in your browser.

HTML Entities Encoder/Decoder

Encode text to HTML entities and decode entities back, with named or numeric output.

Passport / ID Photo Maker

Crop photos to passport and visa sizes, replace the background color and lay out a print sheet.

Image Redactor (Mosaic & Blur)

Paint mosaic, blur or black bars over faces and sensitive areas of an image, locally.

Photo Stitch / Long Screenshot

Merge multiple images vertically or horizontally into one long picture in your browser.

Photo Grid Slicer (3×3)

Slice a picture into a 3×3 or custom grid and download all tiles as a ZIP.

GIF Maker

Combine several images into an animated GIF with adjustable delay and size.

Image Diff / Compare

Overlay or slide between two images and highlight pixel differences locally.

Code Screenshot Maker

Turn code into a beautiful themed image with syntax colors and window chrome — no upload.

CSS Gradient Maker

Build linear, radial and conic gradients visually and copy the ready CSS background.

Box Shadow Generator

Tune offset, blur, spread and color to design soft or layered CSS box shadows.

Border Radius Generator

Drag sliders for each corner to shape rounded boxes and copy the CSS border-radius.

CSS Clip Path Maker

Create polygon, circle and inset clip paths visually and export the CSS clip-path.

Color Scheme Generator

Generate harmonious monochrome, analogous, complementary and triadic palettes from one color.

Screen Color Picker (Eyedropper)

Pick any color from your screen with the EyeDropper API and copy HEX, RGB or HSL.

PNG to SVG Converter

Trace bitmap images into scalable SVG vector paths locally, with threshold controls.

How designers use Sort123

Nail color and accessibility

Convert HEX/RGB/HSL/CMYK and verify text contrast against WCAG AA and AAA.

Prep web and print assets

Turn px into pt at any DPI, minify SVG and export React components from raw vectors.

Finish visuals fast

Remove backgrounds, resize for every social platform and generate favicons without uploading files.