RGB split effect for images

RGB Split shifts the red and blue channels in opposite directions while keeping green aligned. Bright edges develop colored fringes, giving lettering and photographs a misregistered glitch-art look. Angle turns the split from horizontal to vertical or diagonal.

Compare the edge of a bright letter with a flat background: the letter gains colored fringes while the background changes much less.

Orange flowers against blue, with cyan and magenta fringes separating the petal edges.
Orange flowers against blue, with cyan and magenta fringes separating the petal edges.

Creative applications

  • Add colored fringes to a digital poster headline.
  • Give a portrait or cover image a restrained broken-signal treatment.

Starting workflow

  1. Open the demo and choose a PNG, JPG, or WebP containing your artwork. RGB Split starts at its current default.
  2. Lower Amount for a narrow fringe, then increase it until the red and blue edges are distinct.
  3. Turn Angle to split along the dominant edges of your image, then inspect the smallest lettering at its intended viewing size before exporting.

Key controls

Amount

Increase the separation until bright edges show distinct red and blue fringes.

Default: 0.03 · Range: 0 to 0.12

Angle

Rotate the split direction. Zero is horizontal, 90 degrees is vertical, and the fringe keeps the same length at every angle.

Default: 0deg · Range: -180deg to 180deg

Practical tips

  • Prepare poster lettering in your source image before bringing it into the browser demo.
  • Use modest separation for faces; larger offsets can turn small details into overlapping shapes.
  • Split across strong edges: a vertical angle suits horizontal type, a horizontal angle suits tall shapes.

Limitations

  • Red and blue always move as an opposed pair; use Channel Leak to displace a single channel.

Watch the RGB Split walkthrough

Adjust Amount and Angle in the Artfkt desktop app, compare the original photograph, and export the result.

Watch the RGB Split tutorial with its full transcript.

Put this effect to work

Download a source image and follow the settings behind a real example.

Keep exploring

One collection is just the beginning.

Try this effect on one image in the free browser demo. The Artfkt desktop app adds saved projects and the full collection library.