Lesson Planet
Search educational resources
  • Sign In Try It Free
  • AI Teacher Tools
    • Discover Resources Search reviewed educational resources by keyword, subject, grade, type, and more
    • Curriculum Manager (My Content) Manage saved and uploaded resources and folders To Access the Curriculum Manager Sign In or Join Now
    • Browse Resource Directory Browse educational resources by subject and topic
    • Curriculum Calendar Explore curriculum resources by date
    • Lesson Planning Articles Timely and inspiring teaching ideas that you can apply in your classroom
    • Our Story
    • Frequently Asked Questions
    • Testimonials
    • Contact Us
  • Pricing
  • School Access
    • Your school or district can sign up for Lesson Planet — with no cost to teachers
      Learn More
  • Sign In
  • Try It Free
Encoding Color Images Lesson PlanEncoding Color Images Lesson Plan
Publisher
Code.org
Resource Details
Curator Rating
Educator Rating
Not yet Rated
Grade
9th - 12th
Subjects
STEM
1 more...
Resource Type
Lesson Plans
Audience
For Teacher Use
Duration
2 hrs
Instructional Strategies
Hands-on Activity
1 more...
Technology
Video
Internet Access
Lesson Plan

Encoding Color Images

Curated and Reviewed by Lesson Planet
This Encoding Color Images lesson plan also includes:
  • CSP: Tips and Tricks - Encoding Images
  • Images, Pixels and RGB
  • Activity Guide - Encoding Color Images (PDF)
  • Activity Guide - Encoding Color Images (Doc)
  • Activity Guide - Encoding Hexadecimal Numbers (PDF)
  • Activity Guide - Encoding Hexadecimal Numbers (Doc)
  • Activity Guide - Personal Favicon Project (PDF)
  • Activity Guide - Personal Favicon Project (Doc)
  • Personal Favicon Project (PDF)
  • Personal Favicon Project (Doc)
  • Video Guide for “A Little Bit about Pixels” (PDF)
  • Video Guide for “A Little Bit about Pixels” (Doc)
  • Join to access all included materials

Color me green. The fourth lesson in a unit of 15 introduces the class to color images and how to encode color images using binary code and hexadecimal numbers — and they will quickly notice that it is easier to code the color for each pixel. After learning how to use the tools, each individual creates a personal favicon to use throughout the rest of these computer science lessons.

24 Views 22 Downloads

Concepts

pixels, computer science, colors, binary code, hexadecimal, technology resources

Instructional Ideas

  • Have pupils design their favicon on graph paper and then encode it using the Pixelation Widget
  • Use the optional hexadecimal numbers activity so the class better understands hexadecimals prior to trying to coding their favicon

Classroom Considerations

  • Get familiar with the pixelation tool in order to present it in an interactive way

Pros

  • The lesson plan contains links to tutorial videos on how to use the widget
  • The rubric comes with reflection questions about the project
  • Contains a content corner that makes the distinction between mixing paint and mixing RGB lights to make colors

Cons

  • None

View 3,909 other resources for 9th - 12th Grade STEM

© 1999-2026 Learning Explorer, Inc.
Teacher Lesson Plans, Worksheets and Resources

Sign up for the Lesson Planet Monthly Newsletter

Open Educational Resources (OER)

  • Health
  • Language Arts
  • Languages
  • Math
  • Physical Education
  • Science
  • Social Studies
  • Special Education
  • Visual and Performing Arts
View All Lesson Plans

Discover Resources

  • Our Review Process
  • How it Works
  • How to Search
  • Create a Collection

Manage Curriculum

  • Edit a Collection
  • Assign to Students
  • Manage My Content
Contact Us Site Map Privacy Policy Terms of Use