//
Inspect exact pixel RGBA values with a 12x magnifying loupe, precision sampling, custom palette builder, and WCAG contrast analyzer.
Supports JPEG, PNG, WebP, GIF, and AVIF up to 50 MB.
Pixel sampling reads 32-bit RGBA integer values directly from the HTML5 Canvas 2D rendering context:
#RRGGBB in base-16 hexadecimal notation.$$L = 0.2126 \times R_{\text{lin}} + 0.7152 \times G_{\text{lin}} + 0.0722 \times B_{\text{lin}}, \quad CR = \frac{L_1 + 0.05}{L_2 + 0.05}$$
Scenario: Extracting the exact hex code from a vector logo screenshot for a CSS stylesheet.
Coordinate: (x: 240, y: 180) on logo.png
HEX: #0D9488 | RGB: rgb(13, 148, 136) | HSL: hsl(175°, 84%, 32%) | WCAG AA: Pass on White (4.6:1)
Extracts precise teal color codes and validates contrast accessibility.
Scenario: Inspecting button background color to see if black or white text should be used.
Sampled: #F59E0B (Amber 500)
Contrast vs White: 1.8:1 (Fail ❌) | Contrast vs Black: 11.4:1 (Pass AAA ✅)
Recommends using black text for optimal readability on amber backgrounds.
Compress JPEG, PNG, WebP, AVIF, and GIF images locally in browser memory. Reduce file sizes by up to 85% with zero quality loss or server uploads.
Resize image width and height dimensions by exact pixels, percentages, or social media presets with aspect ratio locking and bicubic resampling.
Convert images between WebP, PNG, JPEG, AVIF, GIF, BMP, and ICO formats in batch with alpha channel protection and quality control.
Crop images with custom aspect ratio bounding boxes (1:1, 16:9, 4:3, 9:16), circular avatar masks, and rotation controls in real time.
Pick exact pixel colors from any uploaded image with a precision magnifier loupe, HEX/RGB/HSL conversions, and WCAG contrast analyzer.
Extract dominant color palettes, harmonious swatches, and UI themes from photos and graphics using Median Cut and K-Means color quantization.
Add customizable text and logo watermarks to photos in batch with opacity controls, tile patterns, font styling, and drag-and-drop positioning.
Generate complete website favicon packages including multi-resolution ICO files, Apple Touch icons, Android Chrome icons, and HTML header tags.
Convert images (PNG, JPG, SVG, WebP, GIF) into Base64 Data URIs for inline HTML/CSS, or decode Base64 strings back to downloadable image files.
Inspect image width, height, aspect ratio, megapixels, DPI, color space, and camera EXIF metadata with privacy privacy warnings in real time.