About

Every color on screen is stored as three bytes: 8 bits for R, 8 bits for G, 8 bits for B. That gives 2²⁴ = 16,777,216 possible colors. A single flipped bit in the high-order position shifts a channel by 128 units. A flip in the lowest bit changes it by just 1. Misunderstanding bit weight leads to incorrect color math in shader code, embedded firmware for LED controllers, and image compression routines. This tool decomposes any color into its 24-bit binary representation and lets you toggle each bit individually to observe the exact per-channel and composite effect. It assumes standard sRGB color space with no gamma pre-compensation.

Formulas

Each RGB channel value C (where C ∈ {R, G, B}) is an unsigned 8-bit integer decomposed as:

C = 7∑i=0 b_i ⋅ 2ⁱ

where b_i ∈ {0, 1} is the bit at position i. The most significant bit (MSB) is b₇ with weight 128. The least significant bit (LSB) is b₀ with weight 1.

The full 24-bit color integer is computed as:

Color₂₄ = R × 2¹⁶ + G × 2⁸ + B

HEX conversion maps each channel to a two-digit base-16 string: C_hex = toString(C, 16).

Reference Data

Bit Position	Bit Weight	Decimal Value	% of Channel Max	Hex Contribution	Visual Impact
7 (MSB)	2⁷	128	50.2%	80	Dominant shift
6	2⁶	64	25.1%	40	Major shift
5	2⁵	32	12.5%	20	Visible shift
4	2⁴	16	6.3%	10	Noticeable
3	2³	8	3.1%	08	Subtle
2	2²	4	1.6%	04	Minor
1	2¹	2	0.8%	02	Barely visible
0 (LSB)	2⁰	1	0.4%	01	Imperceptible
Common Color Bit Patterns
Pure Red		R: 11111111, G: 00000000, B: 00000000		#FF0000	rgb(255,0,0)
Pure Green		R: 00000000, G: 11111111, B: 00000000		#00FF00	rgb(0,255,0)
Pure Blue		R: 00000000, G: 00000000, B: 11111111		#0000FF	rgb(0,0,255)
White		R: 11111111, G: 11111111, B: 11111111		#FFFFFF	rgb(255,255,255)
Black		R: 00000000, G: 00000000, B: 00000000		#000000	rgb(0,0,0)
Yellow		R: 11111111, G: 11111111, B: 00000000		#FFFF00	rgb(255,255,0)
Cyan		R: 00000000, G: 11111111, B: 11111111		#00FFFF	rgb(0,255,255)
Magenta		R: 11111111, G: 00000000, B: 11111111		#FF00FF	rgb(255,0,255)
Mid Gray		R: 10000000, G: 10000000, B: 10000000		#808080	rgb(128,128,128)
Dark Red		R: 10000000, G: 00000000, B: 00000000		#800000	rgb(128,0,0)
Coral		R: 11111111, G: 01111111, B: 01010000		#FF7F50	rgb(255,127,80)
Steel Blue		R: 01000110, G: 10000010, B: 10110100		#4682B4	rgb(70,130,180)

Frequently Asked Questions

Bit 7 (the MSB) has a weight of 2⁷ = 128, contributing 50.2% of the channel's maximum value of 255. Bit 0 (the LSB) has a weight of 2⁰ = 1, which is only 0.4% of the maximum. Human vision cannot reliably distinguish a single-LSB change under normal viewing conditions, but an MSB flip is immediately obvious.

Standard 24-bit color (8 bits per channel) is what this tool visualizes. Formats like PNG-48 use 16 bits per channel (65,536 levels), while indexed GIFs use a single 8-bit palette index for all three channels combined, limiting output to 256 total colors. Reducing bit depth per channel (e.g., to 5-6-5 in RGB565) is common in embedded displays and lossy compression.

Yes. Setting all bits below position N to zero is equivalent to posterization (reducing color levels to 2^(8−N)). Inverting all 24 bits produces the color negative. Right-shifting each channel by 1 bit halves brightness. AND-masking a channel with 11110000 quantizes it to 16 levels, a technique used in dithering algorithms.

Consumer displays typically reproduce 6-8 bits per channel natively. A 6-bit panel uses Frame Rate Control (FRC) to simulate 8-bit depth. Changes in the two lowest bits may be indistinguishable on such hardware. Additionally, sRGB gamma encoding means perceptual brightness is nonlinear - low-value bit changes in dark regions are more visible than the same changes in bright regions.

Addressable LED protocols (WS2812B, APA102) transmit color data as a serial bitstream: 24 bits per LED in GRB or RGB order. Each bit is encoded as a timed high/low pulse. A single bit error shifts all downstream colors. Understanding the binary layout is essential for writing correct driver code on platforms like Arduino or ESP32 where you construct the color word via bitwise OR and shift operations.

Each hex digit maps exactly to 4 binary bits (a nibble). Bit positions 7-4 form the high nibble and bits 3-0 form the low nibble of each channel. For example, binary 11001010 splits into 1100 (hex C) and 1010 (hex A), giving CA. This 1:4 mapping is why hex is the preferred shorthand for binary color values - it compresses 24 binary digits into 6 hex characters without any loss of information.