Split images into separate red, green, blue, and alpha channel views.
Image Channels Splitter takes one raster image and presents four coordinate-matched views: its red, green, blue, and alpha components. Use it to determine which component carries detail, a color cast, or transparency instead of judging only the composite picture. The common surprise is the alpha result: it describes opacity, not a fourth color. An image without transparency can therefore produce a uniform maximum-value alpha view while its RGB views still contain all visible structure.
A concrete input and expected output from the current implementation.
Input
A 2 x 1, 8-bit RGBA PNG with left pixel (255, 0, 0, 255) and right pixel (0, 128, 255, 64).
Expected output
Four 2 x 1 views with these component samples from left to right: red [255, 0], green [0, 128], blue [0, 255], and alpha [255, 64].
Each view selects the corresponding component from both RGBA pixels. The left pixel has full red and opacity, while the right has green 128, full blue, and alpha 64.
For every decoded pixel, the splitter places its red, green, blue, and alpha component in the corresponding view at the same coordinate. The four results therefore remain spatially aligned with the source. A strong sample in the red view means a high red component at that position; it does not, by itself, mean the composite pixel appears red.
Alpha represents opacity or coverage rather than an additional color. In a source without transparency, such as JPEG, every decoded pixel is fully opaque and the alpha view is constant. For partial transparency, the visible result depends on the RGB components, alpha value, and backdrop. The split views expose those ingredients separately, not the final composite.
JPEG does not store an alpha channel. For channel inspection, its decoded pixels are fully opaque, so the alpha view is uniform at maximum opacity. That result does not reveal hidden transparency and does not indicate an error. Use a format that can carry alpha, such as PNG, when transparency is part of what you need to inspect.
Yes, when that component's values match the selection you need. For example, a red-channel view can isolate areas with strong red values, while the alpha view directly represents opacity. Check the required polarity in the destination workflow: maximum values commonly mean selected or opaque, but some masking tasks require the inverse.
The example and 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.