Color Picker
Pick a color and get HEX, RGB, HSL values
HEX: #3B82F6
RGB:
HSL:
About This Tool
Pick any color visually and instantly get HEX, RGB, and HSL values. Copy the format you need for CSS, design tools, or development.
Frequently Asked Questions
What color formats are supported?
HEX (#RRGGBB), RGB (red, green, blue), and HSL (hue, saturation, lightness) are all shown and copyable.
How do I copy a color value?
Click the Copy button next to any format to copy it to your clipboard instantly.
Can I enter a HEX code directly?
Yes. Type or paste a HEX value to update the picker and see corresponding RGB and HSL values.
Is this useful for web design?
Absolutely. Quickly find and copy color codes for CSS, Tailwind, Figma, or any design workflow.