Skip to main content

Colored Squares Code

Build and decode the colored-squares substitution code with fully customizable colors.

A colored-squares code is a substitution code in disguise. Each square is worth a value (1, 2, 4, 8, or 16); add the four squares in a 2 x 2 block (shown highest value to lowest) and convert the total to its letter (A=1, Z=26). Recolor any value below to make your own variant.

Block size