Depth of Field Simulator - Online Blur Preview
Visualize how aperture, focal length, and subject distance affect background blur. Interactive DOF calculator.
UD5 Toolkit
Full stops are highlighted in blue. Each full stop halves the light entering the lens. Modern cameras use 1/3-stop increments for finer exposure control.
Compare two f-stops to see the exposure difference in stops and light ratio.
Both apertures are identical.
Visualize how aperture, focal length, and subject distance affect background blur. Interactive DOF calculator.
Adjust ISO, aperture, and shutter speed sliders and see how it affects the exposure of a sample scene. Learn photography basics.
Quick reference of common shutter speeds and when to use them (freeze motion, long exposure). Static photographic guide.
Enter two hex colors and compute the CIE76, CIE94, and CIEDE2000 color difference. Understand how humans perceive color similarity.
Predict the file size of an image based on pixel dimensions and format (JPEG, PNG, WebP). Rough estimate. Local.
Open a test video in Picture‑in‑Picture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
Detect your current screen resolution, viewport dimensions, and device pixel ratio. Useful for responsive design testing. No data collection.
Estimate bulb mode exposure time needed for different light sources and distances. Experimental photography aid.
Add a dramatic night‑vision green tint with grain and scanlines to any image. Fun horror/military aesthetic.
Crop images into rectangular or circular shapes with interactive handles. Output as PNG or JPEG. A simple, browser-based tool with no uploads required.
Enter foreground and background colors to instantly see the contrast ratio and pass/fail for AA and AAA. Simple and fast.
Input dimensions and color depth to estimate uncompressed file size for BMP, PNG, JPEG. Planning tool.
Drag a virtual ruler across your screen to measure pixel distances. Horizontal and vertical guides. Useful for UI designers checking alignment.
Upload one image and see it encoded in AVIF, WebP, and JPEG XL side‑by‑side. Compare quality and file size in your browser.
Enter width, height, format to approximate file size. Plan web performance. Simple model.
Generate the <meta name='color‑scheme'> tag and CSS property to enable native dark/light rendering. Quick copy.
An on‑screen ruler that measures in pixels, centimeters, and inches. Drag to resize. Handy for UI designers and developers.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvas‑based.
Convert pixel values to viewport‑relative units (vw, vh, vmin, vmax) based on a selected breakpoint. Precise responsive design.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.
Upload an image and see a slider comparison of different JPEG quality levels. Find the optimal file size vs. quality trade‑off.
Display your screen's current devicePixelRatio. See how it changes when you zoom. Useful for high‑res image decisions.
Drop a video file and instantly see its container format, codec(s), resolution, duration, and bitrate. Browser‑based, no upload.
Drop an audio file and instantly see its duration in seconds and formatted time. Read metadata without full playback.
See the current viewport width/height, document size, scrollbar width, and pixel ratio. Essential responsive data.
Run edge detection algorithms (Sobel, basic Canny) on images directly in the browser. Great for learning computer vision concepts.
Resize and crop an image to a specific aspect ratio (1:1, 16:9…) with automatic fit/cover. Download the perfect image.
See how your title and meta description will be truncated in Google SERP by pixel width. Optimize click‑through.
Upload any image and view it as a person with deuteranopia, protanopia, or tritanopia would. Promote inclusive design.
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.