# Color Pixel Widget Question Help

**URL:** <https://forum.code.org/t/color-pixel-widget-question-help/12735>\
**Category:** Website and Tools Questions\
**Created:** [December 6, 2017, 5:10am UTC](https://forum.code.org/t/color-pixel-widget-question-help/12735 "2017-12-06T05:10:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![emily.kosmack](https://avatars.discourse-cdn.com/v4/letter/e/8e7dd6/32.png) [@emily.kosmack](https://forum.code.org/u/emily.kosmack)\
**Post date:** [December 6, 2017, 5:10am UTC](https://forum.code.org/t/color-pixel-widget-question-help/12735/1 "2017-12-06T05:10:44Z")

</div>

In this [Color Pixelation Widget](https://studio.code.org/s/pixelation/stage/4/puzzle/2) the question is posed:

> Here’s another mind-blowing thing to try: slide the bits per pixel up to 24 bits per pixel. What happens? Can you explain this behavior?

I’m just a newb so I can not! Can I get some help?

---

<div class="post-metadata">

**Author:** ![baker](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/baker/32/1229_2.png) [@baker](https://forum.code.org/u/baker)\
**Post date:** [December 11, 2017, 4:12am UTC](https://forum.code.org/t/color-pixel-widget-question-help/12735/2 "2017-12-11T04:12:15Z")

</div>

I answered this before somewhere, but I can’t find it. So what follows is my visual explanation:

![](https://us1.discourse-cdn.com/flex016/uploads/codeorgforum/original/2X/c/c66dc422c5b726299a96e0a75416aed89f5f2700.png)

 ![](https://us1.discourse-cdn.com/flex016/uploads/codeorgforum/original/2X/c/c9e844521467e2fb8fb544d780c2c372e2fcbb9b.png)

 ![](https://us1.discourse-cdn.com/flex016/uploads/codeorgforum/original/2X/c/c6625e920478ed8145e03c2c82b8bc1efdf03ee7.png)

Here you can see how the image is _kind of_ reflected twice in the 24-bit version, but the colors a bit off because of the bit shifting at play.

 ![](https://us1.discourse-cdn.com/flex016/uploads/codeorgforum/original/2X/8/84d5b5ee10d1d24a5c01eb6342df314287bb87c6.png)

Hope this helps,

Baker

---

<div class="post-metadata">

**Author:** ![emily.kosmack](https://avatars.discourse-cdn.com/v4/letter/e/8e7dd6/32.png) [@emily.kosmack](https://forum.code.org/u/emily.kosmack)\
**Post date:** [December 11, 2017, 4:26am UTC](https://forum.code.org/t/color-pixel-widget-question-help/12735/3 "2017-12-11T04:26:03Z")

</div>

THANK YOU!! You just made my day seeing this in my inbox. It helps a ton. I worked through it with the student asking and we came to a reasonable explanation, but this is REALLY clear and useful.