🎨 The Foundation of Color Theory
The color wheel is the most important tool in color theory. It organizes colors in a circle to show how they relate to each other, helping you create harmonious color schemes.
What is the Color Wheel?
The color wheel is a circular diagram that shows the relationships between primary colors, secondary colors, and tertiary colors. It was invented by Sir Isaac Newton in 1666 and has been an essential tool for artists and designers ever since.
Colors in the traditional color wheel
Degrees representing the full color spectrum
Year invented by Isaac Newton
Interactive Color Wheel
Use this interactive color wheel to explore colors and their relationships. Click on the wheel to select a color and see its HSL and HEX values.
#00FFFF
HSL(180, 100%, 50%)
使用方法：
- • 点击色轮选择颜色
- • 调节滑块进行微调
- • 实时查看 HSL 和 HEX 值更新
Understanding HSL
- • Hue (0-360°): The color's position on the wheel
- • Saturation (0-100%): How intense or vivid the color is
- • Lightness (0-100%): How light or dark the color is
Primary Colors
Primary colors are the foundation of the color wheel. They cannot be created by mixing other colors and are used to create all other colors.
Red
HSL(0°, 100%, 50%)
Yellow
HSL(60°, 100%, 50%)
Blue
HSL(240°, 100%, 50%)
Key Point: All other colors on the color wheel are created by mixing these three primary colors in different proportions.
Secondary Colors
Secondary colors are created by mixing two primary colors in equal parts.
Orange
Red + Yellow
HSL(30°, 100%, 50%)
Green
Yellow + Blue
HSL(120°, 100%, 50%)
Purple
Blue + Red
HSL(270°, 100%, 50%)
Tertiary Colors
Tertiary colors are created by mixing a primary color with an adjacent secondary color. There are 6 tertiary colors on the color wheel.
Red-Orange
Red + Orange
Yellow-Orange
Yellow + Orange
Yellow-Green
Yellow + Green
Blue-Green
Blue + Green
Blue-Purple
Blue + Purple
Red-Purple
Red + Purple
Color Relationships on the Wheel
The color wheel shows important relationships between colors that help create harmonious schemes.
Colors next to each other on the wheel (within 30°). They create harmony and are pleasing to the eye.
Colors opposite each other (180° apart). They create high contrast and vibrant combinations.
Three colors equally spaced (120° apart). They create balanced, vibrant color schemes.
Key Takeaways
- ✓The color wheel organizes colors to show relationships between them
- ✓Primary colors (red, yellow, blue) cannot be created by mixing
- ✓Secondary colors are created by mixing two primary colors
- ✓Tertiary colors result from mixing a primary with a secondary color
- ✓Understanding color relationships helps create harmonious schemes