FβStop Calculator - Online Aperture & Depth of Field Reference
Learn about fβstops and their effect on light and depth. Calculate equivalent exposure adjustments. Educational.
UD5 Toolkit
Learn about fβstops and their effect on light and depth. Calculate equivalent exposure adjustments. Educational.
Adjust ISO, aperture, and shutter speed sliders and see how it affects the exposure of a sample scene. Learn photography basics.
Upload any image and view it as a person with deuteranopia, protanopia, or tritanopia would. Promote inclusive design.
Open a test video in PictureβinβPicture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
Upload a gradient or enter a palette and simulate how it appears with different types of color vision deficiency. Ensure inclusive data visualization.
Toggle imageβrendering: auto, pixelated, crispβedges on a scaled image. Essential for pixel art display.
Upload an image and see a slider comparison of different JPEG quality levels. Find the optimal file size vs. quality tradeβoff.
Add a dramatic nightβvision green tint with grain and scanlines to any image. Fun horror/military aesthetic.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvasβbased.
Quick reference of common shutter speeds and when to use them (freeze motion, long exposure). Static photographic guide.
Upload one image and see it encoded in AVIF, WebP, and JPEG XL sideβbyβside. Compare quality and file size in your browser.
Resize a video by cropping to a new aspect ratio or scaling up/down. Apply and download the result. Browserβbased.
Apply a pixel sorting glitch effect to your photo. Sort pixels by brightness, hue, or saturation. Create abstract art. Canvas.
Compare original and compressed image sideβbyβside with a slider. Choose format and quality level. Local processing.
Interactively apply CSS filter functions (blur, brightness, contrast, etc.) to an image and copy the resulting filter property. No coding required.
Generate placeholder images with custom dimensions, background color, and text. Supports SVG and raster output. Perfect for wireframing and mockups.
Generate a random placeholder photo with custom dimensions. Unique greyscale images, no external service. Canvas generated.
Enlarge pixel art or lowβres images without blur. Choose 2x, 4x, 8x. Perfect for sprites. Download scaled PNG.
Given an RGB value, pick the matching color square. Multiple difficulty levels. Improve your color perception. Fun for designers.
Reduce GIF file size by lowering color count and removing duplicate frames. See sideβbyβside preview. All local.
Browse the OKLCH color space with sliders for lightness, chroma, and hue. See the CSS oklch() code. Modern and accessible.
Enter two hex colors and compute the CIE76, CIE94, and CIEDE2000 color difference. Understand how humans perceive color similarity.
Enlarge pixel art or lowβres images without blur. Choose 2x, 4x, 8x. Perfect for sprites. Download scaled PNG.
Enter an image URL, crop it interactively, and download the result. No upload. Works with any CORSβenabled image.
Upload a photo and remap its tones to any gradient. Apply stunning color grading. Download result.
See the current viewport width/height, document size, scrollbar width, and pixel ratio. Essential responsive data.
See how your page title and description will look in Google SERP. Check pixel width and character count. Local tool.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.
Run edge detection algorithms (Sobel, basic Canny) on images directly in the browser. Great for learning computer vision concepts.
Compare your image as JPEG, PNG, and WebP side by side at different quality levels. See the size savings visually.