ColorHexTool
Pick colors, generate palettes, export tokens, build gradients, and extract colors from images — fast.
Picker
Selected
#3B82F6
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Best Text
#000000
Contrast (WCAG)
vs White: 3.68 / vs Black: 5.71
Preview text
Popular colors
Recent
No recent colors yet. Pick a color to start.
Palette Generator
Complementary, analogous, triadic and more.
Export Snippets
CSS vars, Tailwind, JSON, SCSS.
Gradient Builder
Build gradients and copy CSS.
Image Color Picker
Upload an image and click to pick HEX.
SEO Guides
Learn HEX/RGB/HSL and practical workflows in the Blog.