Colors
HEX vs RGB vs HSL vs OKLCH
Hex, RGB, HSL, and OKLCH compared in plain terms. What each color model is, a comparison table, why OKLCH makes better scales, and how they convert.
Shaheer Malik11 min read
Colors
How to Use a Color Palette Generator
A step-by-step guide to using a color palette generator. Input a color, lock a shade, derive roles, check WCAG contrast, preview on real UI, then export tokens.
Shaheer Malik10 min read
Colors
Generate a Tailwind Color Scale, 50 to 950
A practical guide to building a Tailwind color scale. Learn what each 50 to 950 shade does, generate one in OKLCH, lock your brand color, and export to tailwind.config.
Shaheer Malik10 min read
Colors
What Is OKLCH, and Why It Matters
A plain guide to what OKLCH is and why it matters. Learn the L, C, and H model, how it beats HSL, gamut and Tailwind v4, and build an even scale step by step.
Shaheer Malik9 min read