Staaarter

Binary Color GIF Creator

Builds an animated GIF using strictly two colors of your choosing (defaulting to pure black and white), no anti-aliasing or in-between shades, animating a marching diagonal stripe pattern across frames. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-29
By Staaarter Team
gifgenerator

Overview

Introduction

Sometimes you want the opposite of a rich, colorful GIF, a strictly 2-color animation, either for a retro monochrome aesthetic or to test how downstream tools handle minimal-color input.

This tool generates exactly that: an animated marching-stripe pattern using only two colors of your choosing, no gradients, no anti-aliasing.

What Is Binary Color GIF Creator?

A generator that produces an animated GIF where every pixel of every frame is one of exactly two configurable colors.

It renders a diagonal stripe pattern that shifts position each frame, giving the animation visible motion while staying strictly within its 2-color budget.

How Binary Color GIF Creator Works

Each pixel's stripe band is computed from its (x + y + frame offset) position modulo the stripe width, and the result picks directly between the two configured colors, no intermediate values are ever computed.

The resulting frames are passed to the shared GIF encoder, which (like every tool in this category) quantizes through a 216-color palette internally, but since only 2 exact colors are ever fed in, the output never touches any of the other 214 palette slots.

When To Use Binary Color GIF Creator

Use it for a stark, high-contrast animated pattern, a retro dithering-style visual, a loading indicator, or a background texture.

It's also a useful minimal test fixture for verifying that a GIF-processing tool correctly handles very low color-count input.

Features

Advantages

  • Produces genuinely minimal, exactly-2-color output with no accidental in-between shades.
  • Both colors are fully configurable, not locked to black and white.
  • Small, simple output files thanks to the extremely limited color palette actually used.

Limitations

  • Only supports a single stripe pattern; it doesn't offer alternate 2-color layouts like checkerboards or dots.
  • Because it uses hard, un-anti-aliased edges, diagonal stripes can look slightly jagged, that's intentional, not a rendering bug.

Examples

Generating a black/white marching stripe GIF

Input

colorA: #000000, colorB: #ffffff, stripeWidth: 12, frameCount: 16

Output

A 160x120 animated GIF of diagonal black-and-white stripes that appear to march across the frame as it loops.

Each frame shifts the stripe boundary offset slightly, and every pixel resolves to exactly colorA or colorB with no blending.

Best Practices & Notes

Best Practices

  • Pick two colors with strong contrast (like black/white or a saturated complementary pair) if you want the stripe motion to read clearly.
  • Use a larger stripeWidth for a bolder, slower-feeling pattern, or a smaller one for a tighter, busier one.
  • Keep frameCount a clean divisor of stripeWidth*2 if you want the loop point to be perfectly seamless.

Developer Notes

Each pixel picks its color with a single modulo comparison against a diagonal (x + y) band index, no gradient or anti-aliasing math runs anywhere, which is what guarantees the output is provably exactly 2 colors rather than "mostly" 2 colors.

Binary Color GIF Creator Use Cases

  • Generating a retro high-contrast loading or background animation
  • Producing a minimal test fixture for tools that need to handle low-color-count GIFs
  • Creating a simple animated pattern for a monochrome UI theme

Common Mistakes

  • Choosing two very similar colors and expecting strong visual contrast; the stripes will barely be visible if the colors are close in brightness.
  • Assuming the shared encoder's 216-color internal palette means more than 2 colors will appear; only the 2 you feed in are ever used.

Tips

  • Try a large stripeWidth (like 40+) for a bold, slow-moving pattern rather than a busy one.
  • Pair with Square GIF Creator's checkerboard pattern if you want a 2-color alternative that isn't stripes.

References

Frequently Asked Questions