[docs] Set compolr in docs and templetes are differ
Docs show example which uses `0x42`
```ts
store<u16>(w4.DRAW_COLORS, 0x42);
w4.rect(10, 10, 32, 32);
```
But template uses `store<u16>(w4.DRAW_COLORS, 2)` for this.

Will be great explain what `0x42` mean and how it created. For example: `0x04 << 4 | 0x02`. Even better have some util function like:
```ts
function encodeColors(xx: u32, yy: u32, zz: u32, ww: u32): u16 {
  return ((xx & 0x3) | (yy & 0x3) << 4 | (zz & 0x3) << 8 | (ww & 0x3) << 12) as u16;
}
```