Color & Design guides
5 articles · Browse the Color & Design tools →
Color & Design
Color Spaces Explained: RGB, HEX, HSL, CMYK & the Perceptual Models
Why so many ways to describe one colour exist, what each model is good at, and how to choose between RGB, HEX, HSL/HSV, CMYK and the perceptual spaces like LAB and OKLCH.
11 min read
Color & Design
RGB & HEX Color Codes Explained: What #RRGGBB Actually Means
How screens build colour from red, green and blue light, why each channel goes 0–255, how a hex code encodes those three numbers, and what the alpha variant adds.
9 min read
Color & Design
HSL & HSV Explained: The Color Model Designers Actually Use
Hue, saturation, lightness and value — why this model matches how people think about colour, the difference between HSL and HSV, and how to use it to lighten, mute and recolour.
9 min read
Color & Design
CMYK vs RGB: Why Print and Screen Colour Are Different
Why screens use RGB light and printers use CMYK ink, what gamut means, why vivid colours shift when printed, and how to design so your colours survive the trip to paper.
9 min read
Color & Design
Perceptual Colour: LAB, LCH, OKLab & OKLCH Explained
Why RGB and HSL produce lumpy gradients and unreliable contrast, what perceptually uniform means, and how LAB and the modern OKLCH fix it for gradients, palettes and accessibility.
10 min read