HEX vs RGB vs HSL: What's the Difference and When to Use Each
How the three most common color formats actually differ under the hood, and practical guidance on which one to reach for in different situations.
Read guide → 3 min
Runs entirely in your browser
Convert, build, and check colors. Nothing sent anywhere.
Switch between HEX, RGB, and HSL, generate a matching palette, or check WCAG contrast — all instant, all local.
Hex
—
RGB
—
HSL
—
Sample text on this background
—
PRIVATE
Nothing leaves your device
Every conversion, palette, and contrast check runs locally in your browser. Nothing is ever sent to a server.
INSTANT
No sign-up, no waiting
Type or pick a color and get a result immediately — no account, no loading.
ALL-IN-ONE
Convert, build, and check
Three real color functions in one place, instead of hunting across different sites.
Guides
All 30 guides →
How to Convert HEX to RGB (And Why You'd Need To)
The exact math behind hex-to-RGB conversion, worked examples, and the practical situations where you'd actually need to do this.
Read guide → 3 min
Complementary, Analogous, and Triadic: The Basic Color Harmony Rules
The three foundational color harmony schemes explained in plain language, with examples of when each one tends to work best.
Read guide → 3 min
How to Build a Color Palette from a Single Photo
A practical approach to extracting a usable color palette from an existing photograph, and why this method often beats picking colors from scratch.
Read guide → 3 min
What Is WCAG Contrast Ratio and Why It Matters
What the WCAG contrast ratio actually measures, how it's calculated, and why it matters for far more people than is often assumed.
Read guide → 3 min
AA vs AAA: Understanding the Two WCAG Accessibility Levels
The practical difference between WCAG's AA and AAA contrast standards, and guidance on which level to actually target for a given project.
Read guide → 3 min