Color Picker
Pick any color and get its HEX, RGB, and HSL values instantly.
Last updated: September 23, 2026
What are HEX, RGB, and HSL?
HEX is a six-digit code (like #0D9488) used almost everywhere in web design and CSS. RGB describes a color as red, green, and blue light values from 0255. HSL describes a color by hue, saturation, and lightness, which can be more intuitive for adjusting a color's shade or brightness.
How do I use this in my project?
Pick a color with the swatch above, then copy whichever format your project needs HEX for most CSS and design tools, RGB or HSL when you need to adjust individual components like transparency or brightness.
FAQ
Can I enter a color code instead of picking one?
This tool is built around the color picker swatch. Click it to open your browser's native color picker, where you can often paste in a hex value directly.
Is this color picker accurate for print design?
HEX, RGB, and HSL are all screen (RGB) color models. Print design uses CMYK, which isn't covered by this tool.