# App to demonstrate 12-bit RGB colors

**URL:** <https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292>\
**Category:** CS Principles\
**Tags:** csp-unit-2-lesson-4\
**Created:** [October 10, 2019, 7:05pm UTC](https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292 "2019-10-10T19:05:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![alan\_schmitt](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@alan\_schmitt](https://forum.code.org/u/alan_schmitt)\
**Post date:** [October 10, 2019, 7:05pm UTC](https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292/1 "2019-10-10T19:05:10Z")

</div>

I noticed some of my students struggling with the 12-bit colors, so I made an app with sliders for R, G, and B that displays the color on a canvas and spells out the 3 hexadecimal digit color code, so they could get a better understanding of how it works. They seemed to find it really helpful, so I figured I’d share it in case anybody else wants to use it. This also shows a preview of a simple app that can be made in App Lab once we get to Unit 3.  
[https://studio.code.org/projects/applab/qiyLvNCBDuOYbaBB8oe0isTwNDYTOeGA5cpWlhHNTzM](https://studio.code.org/projects/applab/qiyLvNCBDuOYbaBB8oe0isTwNDYTOeGA5cpWlhHNTzM)

---

<div class="post-metadata">

**Author:** ![bhatnagars](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/bhatnagars/32/4919_2.png) [@bhatnagars](https://forum.code.org/u/bhatnagars)\
**Post date:** [October 10, 2019, 7:55pm UTC](https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292/2 "2019-10-10T19:55:01Z")

</div>

Thank you for sharing.This is very useful!

---

<div class="post-metadata">

**Author:** ![frank\_w\_lee](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/frank_w_lee/32/4895_2.png) [@frank\_w\_lee](https://forum.code.org/u/frank_w_lee)\
**Post date:** [October 13, 2019, 6:51am UTC](https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292/3 "2019-10-13T06:51:42Z")

</div>

Nice!

Hope you don’t mind - I did a remix! I like to emphasize to my students what’s physically happening on screen - that there literally are only ever 3 colors being displayed at any time. I tried to use the turtle to paint subpixels… from afar it looks like the intended “mixed” color, but up close hopefully you can distinguish the intensity of each “pixel”.

> **[Check out what I made](https://studio.code.org/projects/applab/IzbopHNf4l7BGMQtPeJLDIRbINVYVXvmM72v8f41ykM)**
>
> I wrote the code myself with Code.org

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

---

<div class="post-metadata">

**Author:** ![alan\_schmitt](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@alan\_schmitt](https://forum.code.org/u/alan_schmitt)\
**Post date:** [October 14, 2019, 2:54pm UTC](https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292/4 "2019-10-14T14:54:37Z")

</div>

I don’t mind at all, that’s why I posed it. Thanks for sharing the remix, that’s really cool! I also play this video for my students that shows the pixels and how TV and video works: [https://www.youtube.com/watch?v=3BJU2drrtCM](https://www.youtube.com/watch?v=3BJU2drrtCM)

---

<div class="post-metadata">

**Author:** ![gjschmidt](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/gjschmidt/32/4922_2.png) [@gjschmidt](https://forum.code.org/u/gjschmidt)\
**Post date:** [October 14, 2019, 9:44pm UTC](https://forum.code.org/t/app-to-demonstrate-12-bit-rgb-colors/31292/5 "2019-10-14T21:44:38Z")

</div>

Great tools and a great video! Thanks again for sharing