Apply Sobel, Canny, and Laplacian edge detection filters to images.
Edge Detection Tool turns an image into an edge-focused view using Sobel, Canny, or Laplacian detection. Sobel measures directional intensity change, Canny isolates thin contours through a multi-stage detector, and Laplacian responds to second-order change without favoring one direction. The important surprise is that these filters detect local contrast, not objects. Texture, shadows, compression artifacts, and noise can therefore create edges, while a meaningful boundary with little tonal difference may disappear.
Sobel estimates first-order horizontal and vertical image gradients from neighboring pixels. Strong responses occur where intensity changes sharply across either direction. Laplacian measures second-order spatial change and responds in all directions, but it can emphasize fine noise and produce paired responses around some transitions. Neither method determines what the depicted regions represent.
Canny first reduces sensitivity to small fluctuations, evaluates gradient strength and direction, suppresses responses that are not local maxima, and connects qualifying weak responses to stronger ones. Its thresholds influence which contours survive. This usually creates thinner, more selective edges than a raw gradient response, although low-contrast boundaries can be omitted.
There is no universal best choice. Use Sobel when directional gradient structure is useful, Canny when you want selective and generally thin connected contours, and Laplacian when changes in every direction matter. Check the actual image under all three because noise, contrast, texture, and threshold choices can change which detector gives the clearest result.
No. Edge detection marks local visual changes in a raster image; it does not assign labels such as person, building, or background. It also does not establish clean vector paths or closed shapes. The result can serve as a visual guide for tracing or segmentation, but gaps, duplicate contours, texture edges, and unwanted detail may require further work.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.