Interactive Binary Representations
Pick a category, then tweak values with sliders or randomize. Everything stays in 8-bit (0–255).
As a Grayscale Pixel
Binary 10101010
Value 170 / 255
Brightness (0–255)
170
An 8-bit grayscale pixel is just a number from 0 to 255. Lower numbers look darker, higher numbers look lighter.
The binary and decimal are the same value written in different bases.
Quick presets
one click
Set exact value
0–255
Use the slider for fast exploration. Use the number box when you want a precise value for a demo or a worksheet.
As a Color (RGB)
Binary (G) 10101010
RGB (0, 170, 0)
Red (0–255)
0
Green (0–255)
170
Blue (0–255)
0
In 24-bit color, each channel is 8 bits. That means each channel is a number from 0 to 255.
The final color is just three numbers side-by-side: red, green, blue.
Quick presets
one click
Copy values
for notes
The “Copy Binary” button copies the 8-bit binary for the green channel. Use Copy RGB or HEX when you want the full color.
As Text (ASCII)
Binary 10101010
Decimal 170
Char ª
Character code (0–255)
170
Characters can be stored as numbers. ASCII is the classic mapping for the first 128 values.
The 128–255 range depends on the system (older “extended ASCII” code pages).
ASCII Chart
Control codes (like line feed) exist for behind-the-scenes tasks. Printable characters start at 32 (space).
Extended Range (128–255)
This range can display different symbols depending on your OS and fonts, but the underlying idea stays the same.
In Audio (Frequency + Tone)
Binary 10101010
Hz 440
Frequency (Hz)
440
Volume
0.35
Wave type
tone color
You can map numbers to sound. Here, the slider directly controls frequency in Hertz.
Try different wave types: they keep the same pitch but change the texture of the sound.
Map an 8-bit value (0–255) to frequency
binary stays meaningful
8-bit value 170
Mapped Hz 540
8-bit value (0–255)
170
Map range
200–710 Hz
This keeps the “8-bit number” story intact: you pick a byte (0–255), then map it into an audible frequency range.
Great for showing how raw numbers become real-world signals.