Color theory, design tips, and practical guides for creators
We extracted the dominant accent colour from 70 popular homepages and checked it against WCAG 2.2. Nearly four in ten cannot carry white labels at 4.5:1; with black text almost all of them pass. Raw CSV included.
How to build WCAG-compliant color systems for healthcare, government, and public services where accessibility is the law.
Data visualization, status indicators, brand alignment — everything you need to pick dashboard colors that convert and clarify.
Monochrome palettes are elegant, but easy to get wrong. Learn the math behind tints, shades, and tones — plus a generator tool.
The technical side of dark mode: contrast math, surface levels, elevation, and how to build schemes that don't strain eyes.
The full guide to WCAG 2.2 contrast requirements — AA vs AAA, how the math works, and the fastest way to fix failing colors.
Everything you need to know about converting hex codes to RGB — the formula, the code, the shortcuts, and real-world examples.
Hue, Saturation, Lightness — why HSL is the most intuitive color model for UI work, and how to use it like a pro.
16,777,216 — or is it? Let's unpack the true number of hex colors, including alpha, named colors, and browser quirks.
#FF0000 is red — but why? Learn how hex codes work, how to read them at a glance, and 50+ common hex colors memorized fast.
Why your printed flyer never matches the screen. Understand the physics of additive vs subtractive color, and how to fix it.
From trust (blue) to urgency (red) — how colors shape perception and how to choose brand colors that match your message.
Dark mode isn't just inverting colors. Here are the 12 rules every designer should follow for accessible, beautiful dark UIs.
A step-by-step guide to building effective web color palettes — from primary colors to neutrals to accent shades.
Mesh gradients, grain gradients, aurora effects — the gradient styles taking over UI design in 2026, and how to make them.
The fundamentals: color wheel, harmonies, temperature, value, and how to combine colors that actually look good together.
Everything you need to know about color contrast, WCAG compliance, and building websites that work for everyone.