Color Picker
Pick any color and get HEX, RGB, HSL values
About Color Picker
Color picking is a fundamental task for every web designer and developer. This free online Color Picker lets you visually select any color from a full spectrum palette and instantly get the HEX, RGB and HSL values needed for CSS, design tools and brand guidelines. No design software needed — pick your perfect color and copy the code right from your browser.
How to Use Color Picker
- 1Click anywhere on the color spectrum to pick a hue.
- 2Adjust brightness and saturation using the palette selector.
- 3Copy the HEX code, RGB values or HSL values from the output panels.
- 4Use the color history to revisit recently picked colors.
Common Use Cases
Check your chosen color's WCAG contrast ratio against white and black backgrounds before using it for text — aim for at least 4.5:1 for normal text.
⭐ Popular Free Tools
Frequently Asked Questions
What is the difference between HEX, RGB and HSL color formats?
HEX (#FF5733) is the most common format in web development — a 6-digit hexadecimal number representing red, green and blue channels. RGB (255, 87, 51) uses decimal values 0-255 for each channel. HSL (Hue, Saturation, Lightness) describes color in a way more intuitive to humans — hue as degrees (0-360), saturation and lightness as percentages. All three describe the same colors; CSS accepts all three formats.
What is WCAG color contrast and why does it matter?
WCAG (Web Content Accessibility Guidelines) defines contrast ratios for readable text. Normal text requires a minimum contrast ratio of 4.5:1 against its background. Large text (18pt+) requires 3:1. Low contrast text is unreadable for visually impaired users and also fails accessibility audits in tools like Lighthouse.
How do I match a brand color from a logo or image?
To match a color from an image: use your OS color picker (Mac: use Digital Color Meter app; Windows: use PowerToys Color Picker or the built-in Paint app eyedropper) to sample the exact pixel color. Then enter that HEX code into this tool to see all formats and variations.