Hex color chart
A full spectrum of hex colours, arranged by hue across and lightness down. Hover to see the code, click any swatch to copy it. A fast way to eyeball and grab a hex value.
How to read this chart
Each column is a hue, sweeping through the spectrum from red on the left, through green and blue, and back toward red. Each row steps from light at the top to dark at the bottom. Together they give you a quick visual field to find a colour and copy its hex code in one click.
Need a precise value rather than a grid pick? The colour picker gives you exact control, and the converter turns any hex into RGB, HSL, OKLCH or CMYK. Looking for named colours instead? See the CSS named colours list.
What is a hex color code?
A hex code is a six-digit value like #3B82F6 that encodes red, green and blue, each as a two-digit hexadecimal number from 00 to FF. That gives 256 levels per channel and 16,777,216 possible colours in total.