Pick any color and get HEX, RGB, HSL values
Click any value to copy
Pick any color and instantly get its HEX, RGB, and HSL values. Generate tints, shades, and find complementary colors. Click any color value to copy it to your clipboard. This tool runs entirely in your browser.
A hex color picker is the most fundamental tool in a web designer's toolkit. Hex codes (#RRGGBB) are the standard way to specify colors in CSS, HTML, and most design tools. Each pair of hexadecimal digits represents red, green, and blue channel intensity from 00 (none) to FF (maximum). #000000 is black, #FFFFFF is white, #FF0000 is pure red. This picker provides both visual selection (spectrum + brightness panel) and direct input for precise values. It shows the selected color in all common formats — HEX, RGB, and HSL — so you can use whichever your project requires. The visual approach helps find colors intuitively, while direct input ensures exact brand color matching.
In #RRGGBB: RR = red intensity (00-FF), GG = green, BB = blue. FF = 255 in decimal = maximum intensity. #FF0000 = maximum red, no green, no blue = pure red.
Yes — #RGB is shorthand for #RRGGBB. #F00 = #FF0000, #ABC = #AABBCC. The shorthand only works when each pair has identical digits. Modern CSS also supports #RGBA and #RRGGBBAA for alpha (transparency).
Use #00000000 (8-digit hex with 00 alpha) or the CSS keyword 'transparent'. In most contexts, rgba(0,0,0,0) is more widely supported than 8-digit hex.
Start with hue selection (the rainbow strip), then adjust saturation (vibrancy) and lightness. For brand colors, use the direct input. For inspiration, try our Color Palette Generator or extract colors from images.
No — #FF5733, #ff5733, and #Ff5733 are identical. Lowercase is more common in modern CSS, but both are valid and functionally equivalent.