Basics
Essential knowledge about how color formats work and why they matter.
What Is a HEX Color?
Learn how HEX color codes work, why they matter in web design, and how to read and use them.
HEX vs RGB: What's the Difference?
Understand when to use HEX or RGB, how they relate to each other, and which format suits your workflow.
A Guide to Color Formats
Compare HEX, RGB, HSL, HSV, CMYK, LAB, LCH, and OKLCH. When to use each format and how they work.
What Is an RGB Color?
Learn how RGB works, why it's called additive color, and how to use it in design and code.
What Is an HSL Color?
Explore HSL (Hue, Saturation, Lightness), a human-friendly way to think about color.
Color Theory Basics for Digital Design
Learn complementary colors, analogous palettes, triadic harmony, and how to apply them in design.
Advanced
Dive deeper into modern color spaces and perceptual color design.
What Is OKLCH?
Discover OKLCH, a modern perceptual color space built for human-friendly color design and CSS.
Building a Design System with Color Tokens
Create scalable, maintainable color systems using design tokens and semantic naming.
Dark Mode Color Design Strategies
Design color systems that work beautifully in both light and dark modes.
Creating Brand Color Systems
Design cohesive brand palettes that work across products and applications.
Advanced Palette Techniques for Designers
Master perceptual color spaces, tonal mapping, and advanced harmony generation.
Color Psychology in UI Design
Use color strategically to guide behavior, convey emotion, and influence user decisions.
Accessibility
Build inclusive designs that work for everyone, including color-blind users.
How-to
Step-by-step guides for using Huelab tools and color techniques.
Start learning
Pick an article above or jump directly to a Huelab tool to learn by doing.