3.7 Color Codes
Notes and Hacks for 3.7 Color Codes
-
Which of the following is a correct example of a hexadecimal color code?
✅ Answer:#00FF00
-
In the RGBA color model, what does the “A” stand for?
✅ Answer: Alpha -
What is the RGB representation of the color white?
✅ Answer:rgb(255, 255, 255)
-
Which file type is best for saving a web logo with transparency?
✅ Answer: PNG -
Which of the following best describes Base64 encoding?
✅ Answer: Converts binary data into a text representation -
Why might a web developer use Base64 to embed an image into HTML?
✅ Answer: To allow the image to load without needing a separate server request -
A student encodes a small PNG image into Base64 and includes it in a webpage. What is a potential disadvantage of this approach?
✅ Answer: The HTML file size increases. -
What does each pixel in a digital image typically store?
✅ Answer: Red, Green, and Blue color values
Popcorn Hacks — Completed 1️⃣ Which image format is best for logos and transparency? PNG
Because PNG supports preserves image quality, which is ideal for logos and icons.
2️⃣ Which format loses quality to make the file size smaller? JPG 3️⃣ Which format is used for simple animations, like memes? GIF
Popcorn Hack: Decode This! Question: What does this Base64 string decode to? U1Q=ST
U1Q= → Remove the padding → Decode Base64 → Binary to ASCII
U = 20, 1 = 53, Q = 16 → ASCII characters = S and T
Homework Hack: Make a Mood Board with Hex Colors
Homework Hack: Turn Your Profile Pic into Base64!