Images
Fast, no-nonsense image editing by tool or API. Resize, crop and compress, convert formats, adjust colour, remove backgrounds, add text or watermarks and read EXIF — one image or a whole batch. Free browser tools for the quick jobs, an API for scale.
HSL to CSS string formatter
Get a browser-ready hsl() value without hand-typed commas or percent signs: hue 210.456, saturation 64.444 and lightness 42.225 become hsl(210.46, 64.44%…
Free · Runs in your browser
Interpolate two colors in HSL
Halfway between #ff0000 and #0000ff in HSL is #ff00ff: the hue takes the short 120° route through magenta instead of passing through green.
Free · Runs in your browser
OKLCH to CSS string
Lightness 0.7, chroma 0.15 and hue 180 become oklch(0.7000 0.1500 180.00), or oklch(70.0000% 0.1500 180.00) if you prefer percentages.
Free · Runs in your browser
Color swatch SVG generator
Get a ready-made color chip for docs and legends: #3498db becomes a 24 by 24 SVG square filled with that color and labeled for screen readers.
Free · Runs in your browser
Cubic-bezier color interpolation
Know the exact color a transition shows at any moment of an eased curve: halfway from #ff6600 to #3366ff with the ease-in-out curve 0.42, 0, 0.58, 1 gives…
Free · Runs in your browser
Rich black recipe generator
Get a press-safe rich black build in one step: the standard profile on coated sheetfed gives C60 M40 Y40 K100, 240 % total ink with 80 points to spare under the…
Free · Runs in your browser
Halftone tint to gray calculator
See how a screen tint darkens on press: a nominal 50% tint with 15% dot gain covers about 65% of the paper and shows as gray #595959.
Free · Runs in your browser
Hex to CMYK ink percentages
See the ink recipe and its total load in one go: #3498db needs cyan 76%, magenta 31%, yellow 0% and key 14%, a total of 121% coverage. Free in your browser.
Free · Runs in your browser
Quantize a color to the nearest palette entry
#42A5F5 checked against #000, #369, #ffffff and #3fa7f2 snaps to #3fa7f2 at position 3, with a squared distance of 22.
Free · Runs in your browser
Quantile color scale buckets
Give a number a fixed color band: 72 on a 0 to 100 scale with five bands from #ffffcc to #800026 lands in band 4, from 60 to 80, colored #a04050.
Free · Runs in your browser
Spot to process approximation
Rebuild a spot ink in four colors and see how close it gets: RGB 200, 16, 46 becomes cyan 0 %, magenta 92 %, yellow 77 % and black 22 %, with a Delta E of…
Free · Runs in your browser
Under-color removal calculator for CMYK ink reduction
Replace the shared gray in cyan, magenta and yellow with black ink. At 75 percent removal, 72, 64, 52 and 18 becomes 33, 25, 13 and 57, and total ink drops from…
Free · Runs in your browser
Color and complement distance
Find a color's exact opposite on the hue wheel and measure how far apart the two really look: #336699 pairs with #996633 and scores as a strong harmony.
Free · Runs in your browser
Is color light or dark
White #ffffff scores a brightness of 255, above the 128 threshold, so it counts as light and should carry black text (#000000).
Free · Runs in your browser
Validate hex color
#336699cc is a valid hex color: eight hexadecimal digits, the full form with transparency. The check accepts three, four, six or eight digits, with or without…
Free · Runs in your browser
Lightest color in a list
From #000000, #808080 and #ffffff, the lightest is #ffffff at position 2 (counting from 0), with luminance 1.
Free · Runs in your browser
Sort colors by luminance
Put a set of hex colors in order from darkest to lightest by WCAG luminance: pure blue scores 0.0722 and lands just after black, while pure red at 0.2126 sits…
Free · Runs in your browser
Warm or cool color checker by hue angle
Paste #E85D04 and learn it is warm, because its hue lies far closer to red at 0 degrees than to cyan at 180.
Free · Runs in your browser
HWB to CMYK converter
Hue 0 with no whiteness and no blackness is pure red, which prints as cyan 0 %, magenta 100 %, yellow 100 % and black 0 %.
Free · Runs in your browser
Color palette contrast matrix
For #fff, #000, #777777 and #2563eb you see every pairing in one table: white on black reaches the maximum of 21, and each cell can be checked against 4.5 for…
Free · Runs in your browser
RGB565 color packer
Turn 255, 128, 0 into the RGB565 value 64512, or 0xFC00, and see that it really displays as 255, 130, 0.
Free · Runs in your browser
ANSI truecolor generator
#33A1FF becomes red 51, green 161 and blue 255, wrapped in the escape code 38;2;51;161;255 for terminal text.
Free · Runs in your browser
Screen resolution pixel calculator
Work out pixels and graphics memory from a resolution: 1920 by 1080 at 32 bits per pixel is 2,073,600 pixels, about 2.07 megapixels, and 8,294,400 bytes for one…
Free · Runs in your browser
Scanned document file size calculator
Ten color pages scanned at 300 DPI on 8.5 × 11 inch paper come to 252,450,000 bytes before compression.
Free · Runs in your browser
HSL to CMYK converter
Go from an HSL swatch to process inks in one step: hue 210, saturation 80% and lightness 45% become cyan 89%, magenta 44%, yellow 0% and key 19%, by way of RGB…
Free · Runs in your browser
HSL to HWB converter
Describe a color as a hue plus white and black: hsl(210, 80%, 45%) becomes whiteness 9% and blackness 19% on the same hue, written as hwb(210 9% 19%).
Free · Runs in your browser
RGB to RGB555 packer
Pack an RGB color into a 15-bit RGB555 word: orange 255, 128, 0 becomes 32256, or 0x7E00. Each channel keeps its top five bits, the layout used by VGA…
Free · Runs in your browser
RGB to RGB565 packer
Turn an RGB color into the 16-bit word a TFT display expects: orange 255, 128, 0 packs to 64512, or 0xFC00.
Free · Runs in your browser
Extract color channel
Get one number out of a color instead of a full conversion: the red of #3498db is 52, and the transparency of #3498db80 is 128, both on the same 0 to 255 scale.
Free · Runs in your browser
Adjust color contrast by factor
Push a color's channels away from mid-grey 128 to make it punchier, or toward it to flatten it: #3366cc with a factor of 1.5 becomes #0d59f2.
Free · Runs in your browser
Vivid light blend
Combine a base and a top color the way vivid light does: gray #808080 under a lighter #C0C0C0 brightens all the way to #FFFFFF.
Free · Runs in your browser
Monochromatic palette generator
Five steps from #3366cc give #000000, #193366, #3366cc, #99b2e6 and #ffffff, every swatch keeping hue 220 and saturation 60 %.
Free · Runs in your browser
Accessible text color suggester
Fix text that fails contrast without losing its hue: gray #888888 on white reaches only 3.54 to 1, so it is darkened to #767676 for 4.54 to 1, just past the 4.5…
Free · Runs in your browser
Hex to CSS variable
Turn a raw color into a reusable CSS variable: #3366ff with the name brand-primary becomes --brand-primary: #3366ff;, with shorthand expanded and the hex…
Free · Runs in your browser
Is text legible on a background?
Text in #111827 on a white background at 16 px has a contrast ratio of 17.74 and passes AA and AAA, and this check gives that verdict for any pair.
Free · Runs in your browser
Parse HSL string to RGB
Read a pasted CSS color as numbers: hsl(210, 80%, 45%) becomes red 23, green 115 and blue 207, or #1773cf, whether you use commas, spaces or units such as deg…
Free · Runs in your browser
Paper-white tint adjust
Navy #3366cc printed at full coverage on cream paper #f5e6c8 previews as #315ca0, a touch darker and warmer than on screen.
Free · Runs in your browser
Average color of a list
Paste a list of hex swatches and get the one color that stands for the whole set: #FF0000, #00FF00 and #0000FF average to #555555.
Free · Runs in your browser
Nearest Crayola color
#EE204D is the crayon Red exactly, with a distance of 0 in the classic box of 64 colors. Match a color sampled from a photo or worksheet to a crayon students…
Free · Runs in your browser
Blink-free photo calculator
With a blink rate of 0.1 per shot and a target of 0.99, you need 3 photos: two give exactly 0.99, which does not beat the target, while three clear it.
Free · Runs in your browser
CSS aspect ratio padding calculator
Get the padding-top percentage for a responsive box: height divided by width, times 100. A 1600 × 900 video, a 160 × 90 thumbnail and a 16 × 9 design frame all…
Free · Runs in your browser
Pixel aspect ratio calculator
A 720×480 frame meant to look 4:3 has pixels shaped 8:9, not square ones. Enter the display ratio and the stored resolution to get the shape of one pixel, so…
Free · Runs in your browser
Portrait aspect ratio calculator
A 1080 × 1350 portrait reduces to 4:5, because both sides divide by 270. Enter the width and height of any taller-than-wide image and get its simplified ratio…
Free · Runs in your browser
TV mounting height calculator
With your eyes at 42 inches on the sofa and a screen 27 inches tall, the bottom of the TV goes at 28.5 inches and the center lands at eye level.
Free · Runs in your browser
Resize an image
Shrink a supplier's 4000x3000 product photo to the exact box a listing card, an email banner or an avatar needs, and choose to crop, fit inside or stretch.
$0.002
Bulk resize images
Resize every photo of a catalog migration or a delivered shoot, sometimes hundreds, to one shared size in a single job.
$0.002
Make responsive images
Send one source image and get the same picture at every width your layout needs, with a ready-to-paste srcset line, so a phone never downloads a desktop-sized…
$0.002
Crop an image
Cut a photo to exact pixel coordinates, or to a ratio such as 1:1 or 16:9 centered for you, so the subject stays intact instead of being squeezed into the slot.
$0.002
Smart crop
A centred crop cuts off heads and half the product; smart crop finds where the subject actually sits and crops around it, so one photo still works as a 1:1…
$0.002
Make thumbnails
Send a photo with the width and height you need and get a thumbnail at exactly those dimensions, square or rectangular, so a grid of fifty listings loads…
$0.002
Compress an image
Shrink a JPEG or PNG so it looks the same to the eye, with the same dimensions and format, and a gallery of five hundred photos stops being the reason a page…
$0.002
Convert to WebP
Converting a PNG to WebP typically makes it about 30% lighter for the same image, and transparency is kept.
$0.002
Convert to AVIF
Send a JPEG or PNG and get back an AVIF, the format built on the AV1 video codec that beats JPEG, and often WebP, on file size at the same visual quality.
$0.002
Convert image format
Turn a designer's TIFF, an old tool's BMP or a camera JPG into the format your next system accepts: JPG, PNG, GIF, BMP, TIFF or WebP.
$0.002
HEIC to JPG
Turn an iPhone's HEIC photo into a standard JPG that opens on Windows, older Android phones, web upload forms and print labs, with the picture itself intact.
$0.002
SVG to PNG
Turn an SVG into a PNG drawn at exactly the size you ask for, so a 2000-pixel export looks as clean as a 200-pixel one.
$0.040
Rotate an image
Fix a sideways phone photo or an upside-down scan with a 90, 180 or 270 degree turn written into the pixels themselves, so it looks correct everywhere, not only…
$0.002
Flip an image
Mirror an image horizontally or vertically in one step: a left-facing shoe becomes its right-facing pair, and a scanned negative that came out backwards reads…
$0.002
Black-and-white an image
Turn any photo or scan black and white with a conversion that gives green more weight than red and blue, as the eye does, so skin tones, skies and shadows keep…
$0.002
Apply a filter
Give a whole batch of photos the same look: sepia for warm amber tones, blur to soften faces or noise, sharpen to make edges crisp, and several more effects.
$0.002