The Color Spectrum

Discover how screens create millions of colors from just three lights

1

RGB Color Mixing

Every color on your screen is made by mixing Red, Green, and Blue light. Adjust the sliders to create any color!

R 168
G 85
B 247
#A855F7
💡 Fun Fact: Your screen can display over 16.7 million colors (256 × 256 × 256 = 16,777,216 combinations)!
2

RGB vs CMYK

Screens and printers use different color systems. One adds light, the other subtracts it!

RGB (Additive)
Used by screens

Starts with black. Adding all colors makes white.

Monitors TVs Phones Games
CMYK (Subtractive)
Used by printers

Starts with white paper. Adding all colors makes black.

Printing Magazines Posters Books
🎨 Why K for Black? In CMYK, "K" stands for "Key" because black ink is the key plate that adds detail and depth!
3

Color Wheel & Harmonies

Click anywhere on the wheel to pick a color, then explore different harmony relationships.

#FF0000
🌈 Designer Tip: Complementary colors (opposites) create excitement. Analogous colors (neighbors) create calm, unified designs!
4

Color Blindness Simulation

About 8% of men and 0.5% of women have some form of color blindness. See how colors appear differently.

Normal Vision
~92% of population
Protanopia
~1% of men - No red cones
Deuteranopia
~1% of men - No green cones
Tritanopia
~0.01% - No blue cones
Normal Vision
👀 Accessibility Tip: Never use color alone to convey information. Use shapes, patterns, or labels too!
5

Color Psychology

Colors affect emotions and perception. Click a color to learn more about its psychological impact.

❤️
Red
Energy, Passion, Urgency
🌞
Orange
Creativity, Fun, Warmth
☀️
Yellow
Happiness, Optimism, Attention
🌱
Green
Nature, Growth, Balance
🌊
Blue
Trust, Calm, Professional
💎
Purple
Luxury, Mystery, Creativity
Red

Click a color above to learn more.

💰 Marketing Secret: Fast food chains use red and yellow because they stimulate hunger. Banks use blue for trust!
6

Palette Creator

Choose a theme to generate a matching color palette. Click any color to copy its hex code!

🌝
Sunset
🌊
Ocean
🌳
Forest
🍭
Candy
🌙
Midnight
🌍
Earth
💡
Neon
📷
Vintage
Generated Palette
🎨 Design Tip: A good palette usually has 5 colors: dominant (60%), secondary (30%), and accent (10%).
Color copied!

You're a Color Expert!

Now you understand how colors work, mix, and affect us.

0
Colors Mixed
0
Harmonies Explored
0
Time Exploring

RGB = Light

Screens mix Red, Green, and Blue light. More light = brighter colors.

Harmonies Matter

Use the color wheel to find colors that work together beautifully.

Design for All

8% of men are color blind. Use more than just color to convey meaning.

Colors Have Meaning

Blue = trust, Red = energy, Green = nature. Choose colors intentionally!

Ready to Create?

Put your new knowledge into practice!

Suggest a Correction