Color Picker & Converter

Pick a color and instantly get its HEX, RGB, and HSL codes — copy any of them with one click. Perfect for web design, CSS, and branding.

HEX, RGB, HSL — what's the difference?

HEX (#5b8cff) is the compact form used in CSS and design tools. RGB (rgb(91,140,255)) is the same color as red/green/blue channels. HSL (hsl(222,100%,68%)) describes hue, saturation, and lightness — handy for making tints and shades. This tool converts between all three live.

Recommended

Cloudinary — image & media CDNAutomate image optimization at scale (free tier, paid plans pay recurring commission).Namecheap — domains & hostingGrab a domain for your own project — pays per sale.1Password — password managerStore the strong passwords you generate. Recurring affiliate commission.

Frequently asked questions

Can I type a HEX code in directly?

Yes — edit the HEX field and the picker, RGB, and HSL values update to match.

Is anything uploaded?

No. All color math happens in your browser instantly.