Learn Computer Vision Interactively · 100% Free · No Sign-up

Computer Vision Lab

Upload any image and explore how machines see. Experiment with pixels, convolution, edge detection, annotation, and more — all in your browser.

Drop your image here

PNG, JPG, WEBP, BMP · max 20 MB

Pixel Inspector

See the raw numbers inside every image

How computers see images: Every digital image is a height × width × 3 matrix (tensor) of numbers 0–255. Each pixel has three channels — Red, Green, Blue — that combine to produce the color you see. In deep learning, these matrices are the raw input to Convolutional Neural Networks (CNNs). Click anywhere on the grid below to inspect individual pixel values.

CNN Convolution Lab

Understand how neural networks process images

Convolution is the core of CNNs. A small matrix called a kernel (or filter) slides across the image. At each position, element-wise multiplication and summation produce a single output value. Different kernels detect different features — edges, textures, shapes. A CNN learns these kernels during training. Try the presets below to see what each kernel "looks for."

Color Space Explorer

Discover how color information is encoded

Color spaces are different ways to represent color. RGB stores Red, Green, Blue channels — great for displays. HSV separates Hue (color), Saturation (purity), Value (brightness) — used in color filtering. LAB separates Lightness from color — used for perceptual color comparison. Understanding color spaces is essential for image preprocessing in ML pipelines.

Edge & Feature Detection

See how algorithms find boundaries and corners

Edge detection finds boundaries where pixel intensity changes sharply — a fundamental step in computer vision. Canny is the most popular — it uses gradient magnitude + non-maximum suppression. Sobel detects directional gradients (horizontal or vertical edges). Harris corners find intersection points of edges. These features are used for object detection, tracking, and SLAM.

Histogram Analyzer

Visualize the distribution of pixel intensities

Histograms show how pixel values are distributed across 0–255. A dark image has values clustered left; a bright image, clustered right. Histogram equalization spreads values evenly — a key preprocessing step in ML to improve contrast and normalize inputs. This directly affects model performance — many CV pipelines include histogram normalization.

Annotation Studio

Create training data for object detection models

Annotation is how you teach AI to see. Object detection models like YOLO, Faster R-CNN, and SSD need labeled data: bounding boxes drawn around objects with class labels. This tool lets you draw boxes, assign classes, and export in YOLO (class cx cy w h normalized), COCO (JSON), or Pascal VOC (XML) format — the 3 industry standards.
Upload an image above to start annotating.

Data Augmentation Preview

See how training data is artificially expanded

Data augmentation prevents overfitting by creating variations of training images. Instead of collecting thousands more images, you apply transformations: flips, rotations, noise, brightness changes, crops, and color jitter. Modern frameworks like Albumentations, torchvision.transforms, and Keras ImageDataGenerator apply these in real-time during training. A model trained with augmentation generalizes much better to unseen data.

Thresholding & Segmentation

Separate foreground from background

Thresholding converts a grayscale image to binary (black & white) by choosing a cutoff value. Otsu's method automatically finds the optimal threshold. Adaptive thresholding uses local neighborhoods — ideal for uneven lighting. Thresholding is the foundation of image segmentation — dividing an image into meaningful regions. Contour detection then finds the boundaries of these regions.

Morphological Operations

Clean up binary images for better analysis

Morphology operations process binary images using a structuring element (kernel). Erosion shrinks white regions (removes noise). Dilation expands them (fills gaps). Opening = erosion → dilation (removes small objects). Closing = dilation → erosion (fills holes). These are critical in post-processing of segmentation masks and preparing images for OCR or object detection.

Fourier Transform

Analyze images in the frequency domain

The Fourier Transform breaks down an image into its sine and cosine components. The output represents the image in the Frequency Domain, where each point represents a particular frequency contained in the spatial domain image. Low-pass filtering removes high frequencies (edges, noise) causing blur. High-pass filtering removes low frequencies, enhancing edges.

Feature Detection (ORB)

Find keypoints for image matching

Feature Detection is about finding distinct points in an image (like corners or specific textures) that can be reliably found again even if the image is rotated, scaled, or illuminated differently. ORB (Oriented FAST and rotated BRIEF) is a fast, efficient, and open-source alternative to SIFT and SURF. These keypoints are used for panorama stitching, object tracking, and 3D reconstruction.

Color Clustering (K-Means)

Reduce image colors using Machine Learning

K-Means Clustering is an unsupervised machine learning algorithm. In image processing, it's used for Color Quantization — reducing the number of distinct colors in an image while preserving its visual appearance. The algorithm groups pixels into 'K' clusters based on their color similarity, and replaces all pixels in a cluster with the cluster's center color.

Everyday Image Utilities

Quickly compress, resize, format, or remove background

Compress Image

Convert Format

Resize Image

Remove Background

Uses OpenCV GrabCut algorithm to attempt foreground extraction.