Color Chart & Hex Picker

A full spectrum color chart with HEX codes — pick any shade to copy its code and see the nearest real paint across 16 brands. Browse a brand's chart below, or jump to the color wheel to see what pairs with it.

A colour chart maps every shade to its HEX code. Click any colour in the spectrum below to copy its code and see the nearest real paint across 16 brands.

#3F6FB0 Nearest paint: …
View nearest paint →
Tap any swatch to copy its hex

The real fan deck for each brand — names, codes and every shade.

A color chart shows you the colors; a color wheel shows you which ones go together. To see what pairs with any shade — complementary, analogous or triadic — use the color combination generator. To browse and search every paint by name, code or family, open the full color catalogue.

A color chart is a visual grid of colors shown with their codes so you can pick one and reproduce it exactly. A hex color chart lists each color's six-digit HEX code (like #3F6FB0) used on screens and in design tools; a paint color chart (or fan deck) shows a brand's real colors with their paint codes so you can buy the exact shade. Use the picker above to grab any HEX, then see the nearest buyable paint — or open a brand chart to browse a real fan deck.

Built by DSGN.HOUSE Updated 2026

Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.

Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.

What is a hex color chart?+

A hex color chart is a grid of colors each labelled with its six-digit HEX code (e.g. #3F6FB0). It lets you pick a color visually and copy the exact code for use in design, web and paint matching.

How do I pick a color and get its code?+

Use the picker above or tap any swatch in the chart — you'll get the HEX code instantly, plus the nearest real paint across 16 brands and a link to its full details.

Is there a chart for my paint brand?+

Yes — open a brand chart for Dulux, Sherwin-Williams, Benjamin Moore, Behr, RAL and more to browse that brand's real colors with names and codes.

What colors go with the one I picked?+

Open the color combination generator — it takes any base color and shows complementary, analogous and triadic matches on the color wheel, in real paints.