6.2 | Digital Color: Modes & Gamuts

Key Terms

Gamut
The full range of colors a specific device or color mode is capable of displaying or printing.
Out-of-Gamut / Gamut Warning
A color that can be displayed on-screen (RGB) but can’t be accurately reproduced by a printer (CMYK). Illustrator flags these with a small warning triangle in the Color panel.
Device-Dependent Color
Color that looks different depending on the specific screen, printer, or ink used to reproduce it. The reason color modes and gamuts matter in the first place.
sRGB / Adobe RGB
Two common RGB working spaces for screen-bound artwork. sRGB is the safe default for web and general screen use, while Adobe RGB covers a wider gamut for specialized color workflows.
Rich Black
A deep, dense black created by mixing several CMYK inks (rather than 100% K alone) to avoid a flat, weak-looking black on large printed areas.
Overprint
A print setting that allows one ink to print directly on top of another, rather than knocking out (removing) the color underneath. Relevant when checking a file for gamut or output problems.

You already know CMYK, RGB, and HSB from Unit 3. Today asks a harder question: even within the right color mode, why do some colors that look perfect on your screen come out disappointing when printed?

Direct Instruction | Live Demo (~10 min)

“Watch this warning triangle. It’s Illustrator telling me this exact color can’t actually be printed. No printer’s ink can make it.”

The teacher live-demos: selecting a bright neon color, pointing out the small out-of-gamut warning triangle in the Color panel, then clicking it to see Illustrator’s nearest printable equivalent.

Recall: What does the out-of-gamut warning triangle mean? Analysis: Why can a screen (RGB) display colors a printer (CMYK) simply cannot reproduce? Synthesis: If a client insisted on keeping their exact neon-green brand color for a printed poster, what would you tell them about their options?

Guided Practice | Fix-This-File (~23 min)

Preview of 6.2 Guided Notes: Digital Color: Modes & Gamuts
6.2 Guided Notes: Digital Color: Modes & Gamuts

Complete the handout, three hole punch it, and keep it in your class binder.

⬇ Download Worksheet (PDF)
  1. Guided notes (~8 min): complete the fill-in-the-blank notes and label the RGB/CMYK diagram.
  2. Fix-This-File (~15 min): open the provided file. It has 3 out-of-gamut colors intended for a printed piece. Use the Color panel’s warning indicator to find and correct each to its nearest in-gamut equivalent.

Clicking directly on the small warning swatch next to the triangle snaps a color to its closest in-gamut equivalent automatically. But always eyeball the result to make sure it still fits your design.

Exit Ticket / Wrap-Up (~5 min)

Screenshot your Color panel showing zero out-of-gamut warnings remaining.

Why might a bright neon logo look great on a website but disappointing once printed?

🗂 Organize: Put your guided notes in your binder. Save your corrected file with zero out-of-gamut warnings in the Project Files folder of your Digital Design project folder on Google Drive.

📤 Exit Ticket: Glow & Grow. On a scrap of paper, write about today’s work in at least 3 sentences (aim for 5): describe one Glow (something that went well) and one Grow (one thing you’d do differently or improve next time), explaining each with real detail, not just a phrase.

Stuck on how to start? Try: “My Glow today was ___, because ___. My Grow is ___. Next time I’ll try ___.”


This site uses Just the Docs, a documentation theme for Jekyll.